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

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


この記事にコメントする

 

2009 年 1 月
« 12 月    
 123
45678910
11121314151617
18192021222324
25262728293031

WEB標準(XHTML+CSS)合格

CSS Validator 検証 CSS Validator 検証

WSC4は、WEB標準に準拠したXHTML+CSSコーディングでValidator検証に合格しています。

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