在单个点上实现自定义叠加层google地图

Question

我想在Google地图上的固定宽度和高度上的单个（经纬度）点上实施div。有些示例可以在边界内而不是在单个点上实现叠加。有人实施了这个？

Answer 1

您可以通过向自己的要点添加自定义标记来在单个点上创建叠加层。从本质上讲，当你创建的标记，你可以定义一个图标，它将取代默认的谷歌API标记图标：

var img = 'http://placehold.it/96/ffffff' 
    var marker = new google.maps.Marker({ 
     position: latLng, 
     map: map, 
     icon: img // replace google marker with icon 
    }); 

Link to JSFiddle。

如果你想要一个实际的HTML DIV覆盖在谷歌地图，你可以在div转换成画布上，如图this tutorial