google-maps - 自定义谷歌地图位置点

Question

我一直在寻找一种有趣的方式来在我的联系页面上显示谷歌地图，我发现了一些非常有趣的东西，但我似乎无法弄清楚它是如何完成的。我在一个网站上看到过（请参阅此处的原始页面）。

如果你查看页面可以看到，地图是交互式的，点跟随，非常整洁。我似乎无法找到这是如何定制的。更有趣的是它反应灵敏（虽然在 Firefox 24 for mac 中似乎闪烁）。

这会是某种相对于点的绝对位置，一些 jQuery，一些他们似乎隐藏得很好的神秘 Google Maps 眼睛糖果工具吗？

Answer 1

它没有魔法，这只是一个自定义的谷歌地图标记图像。您唯一需要做的就是在像往常一样初始化标记时在标记选项中指定图像路径：

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

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