自定义 google mapv3 标记

Question

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

Answer 1

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

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.