この前のエントリで書いたjavascriptのイベントとthisの問題は、closureで解決すればいいのね。
function GSmapsc_methodClosure(object, method, opt_argArray) {
return function() {
return method.apply(object, opt_argArray);
}
}
前にも書いたここのソースを読み込んでみたら、こんな処理をしてました。
で、closureでググってみたら、自分はもうこの問題に接してたってことに気がついた。このエントリは１年以上前に読んでたのに。
わからないことでもスルーしないようにしないと。<自分
これでこないだのマウスホイールズームもプラグインに組み込めるかな？
そこまで行けたら、とりあえず公開しよう。
（本家のマウスホイールズームが先にAPIに下りてきたりしてね。）
前回のカテゴリマップでデフォルトのマップセンターとデフォルトのズームレベルを設定したけど、どうも気に入らない。なんとか該当ポイントを全て含むエリアのみを表示させられないかと思ってAPIドキュメントを読み込んでみた。
GLatLngBoundsオブジェクトのextendが使えそう。
最初の地点を仮にマップセンターに登録させて、あとはエリアに含まれなかったらextendしてやればいい。
で、最後にextendされたエリアを表示できるズームレベルをgetBoundsZoomLevelしてあげればOK。
というわけで、修正してます。
カテゴリ表示をしたときに、そのカテゴリで登録されている地図情報があったら表示できるように。
オプション登録情報に、このカテゴリマップの表示選択と、デフォルトのマップセンターを設定出来るように。
カテゴリマップの表示有効にしてあるので、表示されてる（はず）。
奥が深い。
ブラウザがDOMオブジェクトをどんな風に扱ってるかとか、その辺りまで理解しとかないと、きちんと使いこなせないような気がする。
（ただ単に自分の頭が固いだけ、っちゅう話もあるが。）
EventListenerにfunctionオブジェクトのプロパティを登録したときに、thisはfunctionオブジェクトではなくイベントが発生したオブジェクトを参照する。
ってことは、イベントドリブンな関数に関数オブジェクトのプロパティを参照させるにはどうすりゃいいの？
この辺りをきっちりと整理して理解しとかないと、キレイなコーディングが出来ない。
GoogleMaps本家にはあるけど、まだAPIに降りてきてない機能で、マウスホールでズームイン/アウトの機能がある。
マウスホイールのイベントでズームイン/アウトするだけならそんなに難しくなさそうなんだけど、本家と同じ動きを再現したい。
『本家の動き』：マウスポインタの位置を基準にズームイン/アウトするので、マウスを動かさずに済む
ポイントになるのがズームイン/アウト時のマップセンターをどこにするか、だ。
拡大/縮小率がわからなかったので調べてみると、ズームイン：拡大率２倍、ズームアウト：縮小率２倍。
であれば、
・ズームイン時のマップセンター＝現在のマップセンターと現在のマウス位置の中間点
・ズームアウト時のマップセンター＝現在のマップセンターを中心にしたマウスポインタの対極点
になる。
ので、これを組み込んでみたのがこれ。
マウスホールズーム可能のマップ表示サンプル
ズームイン/アウトがスムーズ設定に対応してくれればほぼ同じなんだけど、それは無理だった。
（ちなみに、位置計算で手抜きをしているので、日付変更線付近でやるととんでもないところに飛ぶ。）
参考にさせていただきました。
JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法
カテゴリで絞込みが可能に。
以下はカテゴリ「test」で絞込み表示したもの。
拡大表示しても他のポイントは表示されない。
地図表示のオプション設定を出来るようになったよ。
地図表示サイズの設定
初期表示タイプの選択（地図・写真・地図＋写真)
地図コントローラーの選択表示（大・小・ズームのみ・無し）
タイプセレクタ、スケールコントロール、オーバービューコントロールのon/off
ダブルクリックズームのon/off
投稿画面に地図を表示させてgeocodeさせた位置の微調整が出来るようになった。
markerをdraggableにして、dragendイベントで位置情報を書き戻してOK。
いろいろ出来るようになってるんだよなぁ。このAPI。
wp-googlemapsでやりたいこと
geocodingするのでポイントの修正が必要な場合あり⇒投稿時に地図表示してポイント修正できるように
スタイル項目をオプション設定項目に
サイト内グローバルマップ表示機能を⇒トップページなどで地図からのナビゲートを可能にしたい
カテゴリ別の表示とかも出来たほうがいいかも。
この辺まで実装したいなぁ。
何が原因なのかいろいろ調べて、呼び出し方法とかも変えてみたけど結局原因はこれだった。
Google Maps APIと文字コード
だからIEは嫌いだ。＜それを八つ当たりというのでは？