Javascript 在GoogleMaps-v3API顶部添加自定义徽标

我正在尝试添加一个标志的PNG图像，它不会随着地图移动或平移，在地图的顶部中心。最好的方法是什么

我使用的是谷歌地图API的V3。我不太擅长使用JavaScript，但我设法在左下角添加了一个图例，该图例使用控件位置保持不变。这可以用来在顶部中心放置静态图像吗

---

谢谢你的帮助

你不需要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;
}

.map容器{
位置：相对位置；
}
img{
位置：绝对位置；
排名：0；
左：50%；
左边距：-50px；
}

---

这里的完整示例：

为什么不放置一个绝对定位的图像，将其定位在顶部中心，并将其z索引高到足以位于地图顶部？不需要JS，只有不到10行CSS。这不适用于跨设备。尤其是移动设备。我像上面一样使用CSS，但测试后发现正确的方法是添加自定义控件。看这里