自定义Google地图位置点

Question

我一直在寻找一种有趣的方式在我的联系页面上显示谷歌地图，我发现了一些非常有趣的东西，但我似乎无法弄清楚它是如何完成的。我在网站上看过see original page here）。

正如您所看到的那样，如果您查看该页面，则该地图是交互式的，并且后面有一个点，这非常简洁。我似乎无法找到这是如何定制的。更有趣的是它非常敏感（尽管在Firefox 24中似乎闪烁了mac）。

相对于点，一些jQuery，一些神秘的谷歌地图眼睛糖果工具，它是否会隐藏得很好？

Answer 1

没有魔力，这只是一个custom google maps marker image。您必须做的唯一事情是在初始化标记时在标记选项中指定图像路径，就像您正常做的那样：

var marker = new google.maps.Marker({
  position: latlngPosition,
  map: map,
  icon: 'path/to/image'
});

有关您可以设置的其他标记选项的更多参考，请点击here。