Googleマップは簡単に地図を作り、webサイトに地図を埋め込むことができます。簡単に作る手順を記載。
ここでマイプレイスが開きます。
別ウィンドウで地図の作成画面が表示されます。
地図上にマーカーを追加する
検索で見つからない場所でもマーカーを追加できます。
マーカーを追加すると左側のレイヤにマーカーの場所が表示されます。
追加したマーカーで次のことができます。
タイトルをクリックすると、タイトルと詳細を変更できます。
ルートを表示することもできます。
地図を自分のサイトに埋め込むためには、地図を公開しなければなりません。
地図の縮尺と位置を調整するのはとても簡単です。
↓縮尺を変更する
埋め込む縮尺や中心の位置を変更する方法は2つの方法があります。
埋め込みHTMLです。
| ＜iframe src=” https://www.google.com/maps/d/embed?mid=17ax・・” width=”640″ height=”480″></iframe＞ |
「&z=」を記述し縮尺を指定できます。
マイマップで埋め込みたい地図を拡大または縮小すると、アドレスバーの最後の「Z= 」の数値が変わります。下の画像のサイズでZ=18です。
画像の縮尺は z=18 です。下記のように、埋め込むHTMLに「&z=」を追加すれば、上の縮尺で埋め込むことができます。
| ＜iframe src=”https://www.google.com/maps/d/embed?mid=17ax・・&z=18 ” width=”640″ height=”480″></iframe＞ |
埋め込みHTMLです。
| ＜iframe src=” https://www.google.com/maps/d/embed?mid=17ax・・” width=”640″ height=”480″></iframe＞ |
「&ll=座標」の記述で、位置の指定ができます。
マーカーを設置した位置（緯度、経度）は 33.58903, 130.41961 です。 33.58903, 130.41961 を中心に埋め込む地図を表示する場合は、埋め込むHTMLに「&ll=33.58903, 130.41961」を追加します。
| ＜iframe src=” https://www.google.com/maps/d/embed?mid=17ax・・&ll=33.58903, 130.41961” width=”640″ height=”480″></iframe＞ |
注意 ライトモードで利用している場合、マイマップが表示されません。
ライトモードでマップを使用している場合、Google マップにマイマップは表示されません。
2016年6月22日以降に作られるマップは「APIキー」が必要で、Google Maps APIは無料で使うことができます。詳しくは下記リンクのページを参照。
APIについて
[blogcard url=”https://book7.coresv.com/google-maps-api”]
自ら持つ機能の一部を外部のアプリケーション(ソフトやウェブサービス)から簡単に利用できるようにするインターフェース。ここで言うインターフェースとは、機能の呼び出し手順や記述方法などを定めた仕様を指す。
This post was last modified on 11/05/2019 12:26 AM