是否可以替换地图标记图像?

时间:2013-08-14 18:20:06

标签: jquery css google-maps google-maps-markers bing-maps

在谷歌地图上,我想在视觉上区分一种类型的地方(餐馆,zB)与其他类型的地方,比如汽车旅馆。

有没有办法(不包括鸡的牺牲,收获蝾螈眼球等)改变谷歌地图中使用的标记的外观(使用jQuery)?

IOW,是否有可能在逐个位置的基础上用任意的.png左右覆盖通用的“倒入泪珠羊膜囊”的图像?

或者,如果在Bing地图中可以实现相同的目标,那也是一种选择。

1 个答案:

答案 0 :(得分:2)

Marker object有一个setIcon方法。

设置它的一个非常简单的方法是使用coloredPin,Google可以生成该服务。设置功能:

   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'));