シンプルなGoogle Map用のwordpressプラグイン(完成!)

written by overQ

このところ、地図を記事に貼り付けることが多いので、また新たな自家製wordpressプラグインを作りました。
googleマップを記事に貼り付けます。操作がシンプル。

az-maps1.72(2009/11/17)
overQ専用バージョン。

☆まずは、Google Maps API キーを取得。
wordpressの管理画面の「設定」の「AZMaps」で、取得したキーを設定します。

【機能】
・wordpressの記事投稿画面で、「地図を作成」をクリックすると、地図作成画面が出てきます。
・地図上をクリックすると、マーカーが設置できます。
・マーカーは複数、立てられます。
・マーカーはドラグ&ドロップ可能。
・マーカーをダブルクリックすると、削除できます。
・マーカーから出る吹き出し(infoWindow)の内容を書き込めます(題名とキャプション)。
・地図の大きさを指定できます。
・static map(jpeg画像の地図)も選択できます。
・地図のタイプ(ロードマップ、写真、写真+地図、地形)を選べます。

【更新履歴】
●Ver1.72
・onchageをonkeyupにした(だけ)。
●Ver1.71
・相対パスの問題を解決。
・OperaではExtInfoWindowが崩れることが発覚。これはEIW自体がすでに持っていたバグ。cssを改良すれば直りそうだけど、Operaだし、もういいかしら(∂_∂)
●Ver1.7
・extinfoWindowを使って、吹き出しを派手なのにしてみた。
・wordpressのパーマリンクがデフォルトの場合は問題ないが、それ以外だと相対パスが効かないため、相対パスの箇所を絶対パスに書き換える必要がある。解決策考え中(たぶん難しくない)。
●Ver1.6
・overQ専用バージョン。
・レイアウトを整理。
・うちで使う、450px幅の地図をデフォルトにした。
・地図タイプを選べるようにした。
・立体地図も選択できるようにした。
・新しいマーカーを立てたとき、それまで書いたタイトルが消えるのを修正。(inputをtextareaにしただけだけど。)
●Ver1.51
・IEにもおおむね対応できた(気がする)。
・thickboxで開くようになった。
・同じページに複数地図を貼るのが、いつの間にかできなくなっていた問題を解決。jqueryのおかげ。
●Ver1.2
・IEにある程度まで対応(笑) もうこれ以上はモチベーションが続かんw ほかのブラウザはすべてうまくいくのに…( ´△`)
●Ver1.1
・マーカーを追加したときに、テキストエリアの内容が消える問題に対処。
・設定画面で地図サイズの変更が反映されるようにした。
●Ver1.0
・コーディングはおおむね終了(と思ったが、また新たな問題がじつは発覚している)。
・地図をクリックすると、マーカー作成。
・マーカーをダブルクリックして、削除できる。
・マーカーのドラグ&ドロップに対応。
・吹き出しのタイトル名と内容をテキストエリアに記入できる。
・既知の問題点→マーカーを追加すると、それまでに書いたテキストエリアの内容が消える。
●Ver0.9
・中身のコードはほぼ完成。
・情報ウィンドウもつけられるようになった。
●Ver.0.6
・大幅に改造。かなり苦労した。ジャバスクがだいぶ分かってきた(当社比)。
・地図をクリックするとマーカー作成。マーカーをダブルクリックすると削除できます。
●Ver.0.2
・Static Maps(地図のイメージ画像のタイプ)も選べるようになりました。
・地図設定ウィンドウで吹き出しにも内容が反映されるようになりました。

【古いバージョン】
az-maps1.71(2009/11/13)
az-maps1.7(2009/11/12)
az-maps1.6(2009/11/10)
az-maps1.51(2009/11/9)
az-maps1.2
az-maps1.1(2009/11/08)
az-maps1.0(2009/11/07 20時)
az-maps0.91(2009/11/07)
az-maps0.6(2009/11/06)
az-maps0.2
az-maps0.1

【表示テスト】

・Staticにも対応。

・地図タイプも変えられます(これは「地形」)。


COMMENTS

Comments are closed.