ピンを複数立てたGoogle マップを、ページに埋め込む

その他
スポンサーリンク

ピンを複数立てたGoogle マップを、ページに埋め込む

あれ、埋め込むとピンがひとつ以外、全部消えてしまうよ。

どうしたら、複数のピンをつけた地図をHPに埋め込めるかな?

マイマップを使う

ログイン - Google アカウント

こちらのマイマップから、地図を作って埋め込みます。

新しい地図を作成をクリックします。

ピンを立てる箇所を登録する

まず検索窓で、ピンを立てたい名称を検索します。

ひとつ選択すると、左側に項目が出てくるので、+をクリックして登録します。

すると、一件登録されました。

同じように繰り返し、必要な分だけ登録します。

ピンのスタイルを変える

個別スタイルをクリックすると、ピンのスタイルを変えれます。

ここでは続き番号にしてみました。

色もすきな色に変えられます。個別に変えることもできます。

ラベルを名前にすると、地図に名称が表示されます。

レイヤーを追加する

レイヤーをわけて、ピンを立てることもできます。

①レイヤを追加をクリック。

②そのあと、また検索窓から名称を検索。

③+を押して登録。

④個別スタイルから、色や番号などのスタイルを設定します。

共有の設定をする

共有をクリック。

地図のタイトルに、適当な名前をつけます。

共有の範囲を適宜決めます。

地図を埋め込む

①3つの点の箇所をクリック。

②自分のサイトに埋め込むをクリック。

③iframe のコードが生成されるので、必要箇所に貼り付ける。

mymap

埋め込み画面で、Googleのユーザー名を非表示にするには、ここの画面でoffに設定できます。

タイトルとURLをコピーしました