gwt - 如何使用 GWT Maps API 将自定义标记图像添加到 Google map ？

Question

我正在开发一个使用 Google map 的 GWT 应用程序。我正在尝试在我的 map 上添加许多字母标记。最初，我有:

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

但这没有用。对 setImage 的调用导致 map API 出现异常， map 上没有任何显示。我搜索并找到了一些关于 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