在Google地图应用中更改标记图标

时间:2010-10-13 13:49:26

标签: google-maps

使用Jquery / javascript嵌入谷歌地图时,是否有一种简单的方法来更改标记?

EDIT 奖金问题 有没有办法使用地址而不是LatLng?

2 个答案:

答案 0 :(得分:5)

Google Maps API V3现已正式版。

http://code.google.com/apis/maps/documentation/javascript/overlays.html#Icons

声明标记时,使用“icon”属性设置图像。

来自文档:

 var image = 'beachflag.png';
  var myLatLng = new google.maps.LatLng(-33.890542, 151.274856);
  var beachMarker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: image
  });

您还可以使用图表API生成标记图像。

E.g。 http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=A|FF0000|000000为红色针

http://groups.google.com/group/google-chart-api/web/chart-types-for-map-pins?pli=1

答案 1 :(得分:1)

此示例可以帮助您:http://code.google.com/apis/maps/documentation/javascript/v2/examples/icon-simple.html

简短说明:创建一个Icon对象,并在添加标记时将该对象设置为icon属性。