jquery - 是否可以替换地图标记图像？

Question

在谷歌地图上，我想在视觉上区分一种类型的地方（餐厅，zB）和另一种类型的地方，比如汽车旅馆。

有没有办法（不包括牺牲一只鸡，收获蝾螈眼球等）来改变谷歌地图中使用的标记的外观（使用jQuery）？

IOW，是否可以在逐个位置的基础上使用任意.png 左右覆盖通用的“用鸡胚的羊膜囊注射的倒置泪珠”图像？

或者，如果在 Bing 地图中也可以这样做，那也是一种选择。

Answer 1

Marker 对象有一个setIcon方法。

一种非常简单的设置方法是使用coloredPin，谷歌有一个服务可以生成。设置一个函数：

   function coloredPin(color) {
      return new google.maps.
        MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter_withshadow&chld=%E2%80%A2|" + color,
                    new google.maps.Size(21, 34),
                    new google.maps.Point(0,0),
                    new google.maps.Point(10, 34));
    }

然后将它与 setIcon 一起使用：

myMarker.setIcon(coloredPin('ffaa33'));