先日公開した、jQuery Google Maps プラグインのアップデートを公開します。

jQuery Google Maps プラグイン ver.1.01
jqueryGoogleMaps1.01.zip（MITライセンス）

ver.1.00からの変更点

• Google Maps API v3（v3.4）で、カスタムアイコンによる複数マーカーが表示されない不具合を修正しました。
• カスタムアイコンを指定する際、アイコン・シャドウのそれぞれに、anchorおよびscaleSizeを指定できるようにしました。

3月2日にAPI自体がアップデートされたことに伴うものだと思われますが、
カスタムアイコンの複数マーカーが表示されない不具合が見つかりました。

自分なりに調べてみたところ、カスタムアイコンを設定するMarkerImageの引数で、anchorとscaleSizeを渡していなかったのが原因でした。

これに対応するための修正となります。

カスタムアイコンの指定方法について

今回のバージョンから、カスタムアイコンの指定方法だけが少し変更になります。
以下が、サンプルです。

icons :{ redDot: { markerImg: '/path/to/red-dot.png', markerSize: new google.maps.Size( 32, 32 ), markerOrigin: new google.maps.Point( 0, 0 ), markerAnchor: new google.maps.Point( 16, 32 ), markerScaleSize: new google.maps.Size( 32, 32 ), shadowImg: '/path/to/msmarker.shadow.png', shadowSize: new google.maps.Size( 59, 32 ), shadowOrigin: new google.maps.Point( -14, 0 ), shadowAnchor: new google.maps.Point( 29, 32 ), shadowScaleSize: new google.maps.Size( 59, 32 ) } }

その他の導入・利用方法については、jQuery Google Maps プラグイン ver.1.00の解説記事をご覧ください。