福島・埼玉のWEBサイト制作・ホームページ制作会社 キャスパーウゥブデザイン
MENU

Kyasper Note

この記事はNOTE(メモ)として作成された単一記事です。
2013年11月30日

Google Maps Api の実装手順

  1. 以下のコードを <head></head>内に貼付け
  2. 以下のjsファイルを作成して任意の場所に配置
  3. 地図を表示したい場所に以下のソースを記述
    (「style」設定はレスポンシブ対応のCSSを記述していると表示されない場合がるので・・・)
  4. レスポンシブ対応サイトなどの場合は、左に表示される「縮尺設定」などのパーツが表示されない場合がある。対応として以下のCSSを追加
  5. 緯度・経度はGoogle Map上の該当マーカー上で右クリックすると「経度緯度マーカーを配置」という項目が表示されるので、それを利用する
カテゴリー:
タグ: