MacFeeling Blog

Inline Google Maps

10 月 4th, 2007 by admin

2006-09-27投稿記事

早速行ってみたら、確かに見やすくなってます。積極的に利用しなくては…

WordPressで表示するためにプラグインのInline Google Maps for WordPress 1.1を入れてみました。

解凍したファイル「gmaps.php」をwp-content/pluginsにアップ
WordPressの管理画面で「Inline Google Maps」を使用するに設定
WordPressの設定の「Inline Google Maps」で、Google Maps API - Sign Upで取得したGoogle Map API Keyを入力、Interface languageをJapaneseにして「Save」ボタンをクリック

後は記事内の地図を表示する部分に

〔gmap name='mymap' lat='35.6829822193051' lng='139.6869134902954' width='400' height='300' zoom='17' desc='Tokyo Opera City'〕

のような形式で書き込む。前後の〔〕は実際は[ ]になります。

lat(latitude) ：緯度
lng(longitude) ：経度
width：デフォルト値は500（デフォルトでよければ記入する必要はなし）
height：デフォルト値は300（デフォルトでよければ記入する必要はなし）
zoom：拡大値（0〜20）
desc：説明文

最初と最後は[]で囲む。
それそれの値はシングルコーテーションで囲む。

緯度経度を取得する方法は、Googleで「Google Map 緯度経度取得」というキーワードで検索すればいろいろと出てきます。

[gmap name='mymap' lat='35.6829822193051' lng='139.6869134902954' width='400' height='300' zoom='17' desc='Tokyo Opera City']

2006.10.21追記
Inline Google Maps for WordPress 1.1は、マークを一つしか置けませんが、＠半月記さんのページにて、改良された「gmaps-hm」では、複数のマークを置くことが出来るそうです。