やりたいこと
ホームページ上に複数のピンを立てたGoogleMapを表示したいと思います。
複数ピンの立て方
GoogleMapを開き、マイプレイスからマイマップを選択します。
マイマップを開くと検索バーが出てくるので、追加した地点の名前や住所を入力します。
※今回は仙台駅とい五橋駅を追加して、青いピンが立ちました。
ハンバーガメニューから自分のサイトに埋め込むを選択します。
HTMLタグが表示されるので、コピーします。
STUDIOへの組み込み方
まずはiframeからmapsを選択して、画面上に組み込みます。
地図をクリックすると埋め込みコードを入れる欄が出るので先ほど取得したHTMLコードをコピー＆ペーストします。
ピンが2個ついている地図がSTUDIOで埋め込めました。
現状見た目がきれいじゃないので、改良する方法がないか探ってみます。