javascript - 自定义Google Mapv3标记

我要制作自定义标记。我创建了自定义图标，但我想动态地在标记上放置另一张图片，使其看起来像http://iwebask.com/blog/wp-content/uploads/2014/03/Map-Icons-Markers-Collection-PSD.jpg。基本图标始终相同，但图钉内部的图标是动态的。我的图标总是像这个红色的大头针，但我只更改符号（如这张图片上的心）。我怎样才能做到这一点？

最佳答案

您只需要上传图像，并为所有图像提供脚本的相对路径。

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
  parking: {
    icon: iconBase + 'parking_lot_maps.png'
  },
  library: {
    icon: iconBase + 'library_maps.png'
  },
  info: {
    icon: iconBase + 'info-i_maps.png'
  }
};

function addMarker(feature) {
  var marker = new google.maps.Marker({
    position: feature.position,
    icon: icons[feature.type].icon,
    map: map
  });
}

请参考此link进行进一步修改

关于D。