谷歌地图标记+ JQuery:更改图标

时间:2010-08-19 12:49:41

标签: asp.net jquery

如果我已经显示了谷歌地图标记。

如何使用Jquery更改其图标?

提前致谢。

1 个答案:

答案 0 :(得分:1)

实际上,Google Maps API支持setImage for marker的方法。我从Google Code PlayGround获取此代码(http://code.google.com/apis/ajax/playground/#custom_marker_image_v3)

function initialize() {
  var mapDiv = document.getElementById('map-canvas');
  var latLng = new google.maps.LatLng(37.4419, -122.1419);
  var map = new google.maps.Map(mapDiv, {
    center: latLng,
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var image = 'http://code.google.com/apis/maps/documentation/javascript/examples/images/beachflag.png';
  var myLatLng = new google.maps.LatLng(-33.890542, 151.274856);
  var beachMarker = new google.maps.Marker({
    position: latLng,
    map: map,
    icon: image
  });
}