https://developers.google.com/maps/documentation/javascript/overlays#VectorIconsで説明されているように、Maps API 3.9 でベクター アイコンを試すと、奇妙な動作に気付きました。
正常に動作するベクター アイコンを含むテスト ページ ( http://www.foxden.nl/test/symboltest1.html ) を作成しました。
ただし、2 番目のテスト (http://www.foxden.nl/test/symboltest2.html) では、マーカーを描画するスクリプトを省略しました。次に、Firefox の Web コンソールを使用してマーカーを追加すると、次のようになります。
[16:03:18.483] var marker = new google.maps.Marker({
position: new google.maps.LatLng(-25.363882, 131.044922),
icon: {
path: google.maps.SymbolPath.CIRCLE,
scale: 10
},
draggable: true,
map: map
});
[16:03:18.486] Error: Invalid value for property <icon>: [object Object]
Chrome の Web コンソールでは正常に動作しますが、Firefox のコンソールでは動作しません。そして、それはまったく同じコードです。
GWT アプリケーションでは、同じ動作が得られます。私はこの機能を持っています:
private native void createMarker(GoogleMap map, LatLng position) /*-{
var marker = new $wnd.google.maps.Marker({
position: position,
icon: {
path: $wnd.google.maps.SymbolPath.CIRCLE,
scale: 10
},
map: map
});
}-*/;
同じエラーが表示されます:
com.google.gwt.core.client.JavaScriptException: (Error): Invalid value for property <icon>: [object Object]
この問題が発生するのはなぜですか? また、この問題を回避する方法はありますか?