在Google Maps - V3 API上添加自定义徽标

Question

我正在尝试在地图的顶部中心添加不会移动或平移地图的徽标的PNG图像。最好的方法是什么？

我正在使用Google Maps API的V3。我对JavaScript不是很好，但我设法在左下角添加了一个使用控制位置保持原位的图例。可以用来在顶部中心放置静态图像吗？

感谢您的帮助！

Answer 1

你不需要JS，只需要一些CSS。这是一个例子：

<div class="map-container">
    <div id="map" class="map"></div>
    <img src="http://lorempixel.com/100/40/">
</div>

.map-container {
    position: relative;
}

img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
}

此处完成示例：http://jsfiddle.net/cyh342a4/