(K)GoogleMapをサイトに埋め込んでオリジナルアイコンを設置した時の最低限の設定※個別API取得方法も | web(K)campus|WEBデザイナーのための技術系メモサイト

コーポレートサイトや飲食店のサイトなどの定番コンテンツ「Access」にGoogleMAPを埋め込むのはよくあることですが、通常のGoogleMAPからiframeで地図を埋め込むこともできますが、横幅と縦幅ぐらいのカスタマイズしかできないので、応用が効きません。そんな訳で今回はGoogleMaps APIを取得して、GoogleMapをカスタマイズする方法を備忘録としてまとめておきます。 GoogleAPIを取得してGoogleMAPを表示 まず、ごくごくシンプルに地図のみを表示するやり方 （1）head部分に以下のスクリプトを記述 <script src="http://maps.google.com/maps/api/js?sensor=true"></script> （2）bodyタグにスクリプトを読み込ませるための「onload=”initialize();」を記述。 divのI

[ricopinx]

画像アイコンがずれて表示してしまう場合は「anchor」で位置を調節。

[poncots]

Google maps