在尝试使用 Maps API 3.9 中的矢量图标时,我注意到一些奇怪的行为,如下所述:https ://developers.google.com/maps/documentation/javascript/overlays#VectorIcons
我创建了一个带有运行良好的矢量图标的测试页面( http://www.foxden.nl/test/symboltest1.html )。
然而,在第二次测试中(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]
为什么会发生这种情况,有什么办法可以避免这个问题?