自定义谷歌地图定位点

Question

我一直在寻找一种有趣的方式在我的联系页面上显示谷歌地图，我发现了一些非常有趣的东西，但我似乎不知道它是如何完成的。我在一个网站(见这里的原始页面)上看到过。

​

​

如您所见，如果您查看页面，地图是交互式的，然后是点，这是非常整洁的。我似乎找不到这是如何定制的。更有趣的是，它具有很强的响应性(尽管在Firefox 24中，mac似乎会闪烁)。

这是一种相对于点的绝对位置，一些jQuery，一些神秘的谷歌地图眼睛糖果工具，他们似乎隐藏得很好？

Answer 1

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

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

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