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