如何使用GWT Maps API將自定義標記圖像添加到Google地圖？

Question

我正在使用使用Google地圖的GWT應用程序。我正在嘗試在我的地圖上添加許多字母標記。最初，我有：

Marker marker = new Marker(point); 
marker.setImage("http://www.google.com/mapfiles/markerA.png"); 
map.addOverlay(marker); 

但這沒有奏效。對setImage的調用在maps API中導致異常，並且地圖上沒有顯示任何內容。我搜索，發現了一些半答案談論的MarkerOptions，所以我嘗試：

Icon icon = Icon.newInstance(Icon.DEFAULT_ICON); 
icon.setImageURL("http://www.google.com/mapfiles/markerA.png"); 
MarkerOptions ops = MarkerOptions.newInstance(icon); 
ops.setIcon(icon); 
Marker marker = new Marker(point, ops); 
map.addOverlay(marker); 

這是在我的應用程序是不再拋出異常的好一點，我是看到標記陰影，但仍沒有自定義標記圖像。

我寧願一個非JSNI解決方案來解決這個問題。

謝謝！

Answer 1

此示例似乎涵蓋了您想實現的內容：IconDemo.java。

// Create our "tiny" marker icon 
Icon icon = Icon.newInstance(
    "http://labs.google.com/ridefinder/images/mm_20_red.png"); 
icon.setShadowURL("http://labs.google.com/ridefinder/images/mm_20_shadow.png"); 
icon.setIconSize(Size.newInstance(12, 20)); 
icon.setShadowSize(Size.newInstance(22, 20)); 
icon.setIconAnchor(Point.newInstance(6, 20)); 
icon.setInfoWindowAnchor(Point.newInstance(5, 1)); 

MarkerOptions options = MarkerOptions.newInstance(); 
options.setIcon(icon); 

// LatLng point; MapWidget map; 
map.addOverlay(new Marker(point, options)); 

的現場演示可以在這裏看到：http://gwt.google.com/samples/HelloMaps-1.0.4/HelloMaps.html#Creating%20Icons

Answer 2

這是我新的工作液（THX再次igro）：

Icon icon = Icon.newInstance("http://www.google.com/mapfiles/markerA.png"); 
icon.setIconSize(Size.newInstance(20, 34)); 
MarkerOptions ops = MarkerOptions.newInstance(icon); 
Marker marker = new Marker(point, ops); 
map.addOverlay(marker); 

Answer 3

這是我在3.10版的代碼

LatLng centerIcon = LatLng.newInstance(-25.90307367246304, -48.82550597190857); 
MarkerImage markerImage = MarkerImage.newInstance("http://someIcon.png"); 
MarkerOptions mOpts = MarkerOptions.newInstance(); 
mOpts.setIcon(markerImage); 
mOpts.setPosition(centerIcon); 

Marker marker = Marker.newInstance(mOpts); 
marker.setMap(mapWidget);