Javascript 自定义google mapv3标记

Javascript 自定义google mapv3标记,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我想做自定义标记。我创建了自定义图标,但我想在标记上放置另一张图片,看起来像这样。基本图标始终是相同的,但引脚内的图标是完全相同的。我的图标总是像这个红色的别针,但我只改变符号(像这张照片上的心)。我该怎么做呢?您只需上传图像,并为所有图像提供脚本的相对路径 var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/'; var icons = { parking: { icon: iconBase + 'parking_

我想做自定义标记。我创建了自定义图标,但我想在标记上放置另一张图片,看起来像这样。基本图标始终是相同的,但引脚内的图标是完全相同的。我的图标总是像这个红色的别针,但我只改变符号(像这张照片上的心)。我该怎么做呢?

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

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
  });
}
请参考此文件以了解进一步修改


关于D.

这些标记是这样来的。如果要动态放置符号,我知道的一种方法是使用PHP和imageMagick库可能是重复的,但我需要放我自己的图像,而不是谷歌的图像。@peper--我做的完全一样,我使用PHP在自定义标记上覆盖一个符号。我认为没有Jquery方法,但不是100%确定。-嘿,佩珀,请参考这个,它会解决你的问题。关于D。嘿,我也了解了更多,这有助于定制标记的设计。