javascript - Android 标记的图标

Question

嗨，我有这段代码，每次点击添加标记按钮时，它都会在 map 上添加一个标记。每次在 map 上添加标记时如何更改标记图标有什么建议吗？非常感谢。

   function initialize() {
    var myLatlng = new google.maps.LatLng(40.779502, -73.967857);

    var myOptions = {
        zoom: 7,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"), myOptions);
    TestMarker();
      }
  google.maps.event.addDomListener(window, 'load', initialize);


  function addmarker(location) {
    marker = new google.maps.Marker({
        position: location,
        draggable:true,
        map: map
        for()
     });
    }

// Testing the addMarker function
function TestMarker() {
       CentralPark = new google.maps.LatLng(40.779502, -73.967857);
       addmarker(CentralPark);
  }

Answer 1

您可以使用 Google 的自定义 map 标记，例如他们提供的以下代码片段:

var 标记 = new google.maps.Marker({
位置:myLatLng，
map : map ，
图标:iconBase + 'schools_maps.png'
});

为了在用户每次添加标记时创建一个新图标，您可以创建一组图像位置，然后在每次用户添加新标记时遍历该数组。以下是有关 Google 自定义标记的更多文档:

https://developers.google.com/maps/tutorials/customizing/custom-markers

您还可以为特定功能定义特定标记并将该功能作为参数传递。 Google 还为此功能提供了一些示例代码:

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var 图标 = {
停車處: {
图标:iconBase + 'parking_lot_maps.png'
},
图书馆: {
图标:iconBase + 'library_maps.png'
},
信息:{
图标:iconBase + 'info-i_maps.png'
}
};

function addMarker(feature) {
var 标记 = 新 google.maps.Marker({
位置:特征.位置，
图标:图标[feature.type].icon，
map : map
});
}