スマホでGoogleMapを使い、記事に地図を埋め込む方法

スマホからGoogleMapの地図を埋め込む方法です。

GoogleMapで「店名」もしくは「住所」を検索。埋め込みたい地点を選択。
場所の名称を長押し、上に表示されるコピーをタップ。

号外NETの編集画面に移り、ツールバーの中にある黄色い付箋のマーク「PostSnippets」をタップ。(テキストモードの場合は「PostSnippets」ボタンから)
開いた画面上にある「mapembed」のタブを選択し、開いたメニューの中の「location」に先ほどコピーした、地点名(施設名・店名)を貼り付け。
※地名に[ ] { }←括弧 や ’(ダッシュ)が使用されている場合は手動で削除してください。

Googleマップに戻り、メニュー下部の住所を長押ししてコピー。

取得した住所を address に貼り付け。
※地点名無しで、住所だけのときもaddressに入力。
Insertを押す。

編集画面上では上のように表示されますので表示を必ずプレビューで確認してください。
地点名以外にも座標などでも指定が可能です。
Zoomの項目で表示の倍率を変更できます。通常はデフォルトの15のままご利用ください。

公開前にはプレビューで確認をお願いします。

※正しく設定しても世界地図になる場合があります。その場合、住所の中で建物名が入っていると表示されない場合があります。
その場合は住所を手動で削除すると正しく表示される場合があります。

(あわわ)

2019/08/27 16:25 2021/11/29 16:25
メガ佐藤

号外NETの広告出稿はこちら

号外NETメルマガ

号外netは持続可能な開発目標(SDGs)を支援します

号外netへの提供提供求む!

号外net 全国で地域ライター募集