WSC3でGoogleマップを表示する方法

  1. テーマエディタでmap.phpを編集する
    • Google Maps APIキーを取得し、該当部分に挿入する。
      「I have read and agree with the terms and conditions」を選択、「My web site URL」を入力、「Generate API Key」をクリック。
    • 中心座標、マーカー位置、それぞれの座標をGeocordingで取得し挿入する。
      ※前後の座標並びに注意(見本のとおり→135.527322,34.692403)
    • 吹き出しの内容をhtmlの記述で挿入する。
  2. 新規「ページ」で、タイトルを”マップ”としてページを作成
  3. 「ページテンプレート」で「Map」を選択
  4. 公開するとヘッダーナビに、”マップ”が追加される

この記事にコメントする

Powered by WordPress, WP Theme designed by WSC Project. ログイン