如何在Google动态地图上放置静态图片？

Question

我已经在我的网站上添加了Google Maps Javascript API（动态地图）。我想在地图div的左下角放置一张静态图片-类似于图例。当用户四处张望时，它不会移动。

有没有一种方法可以通过Google Javascript API进行操作，还是应该添加一个div，然后将其放在CSS上？

Answer 1

是的，有一种方法可以使用Google Maps Javascript API添加此类内容。它被认为是自定义控件，这里是link to the documentation。如果您需要在屏幕空间紧张时让元素四处移动，并且希望Google Maps来处理，则可以这样做。

如果当地图出现在各种尺寸的屏幕上时，如果您不关心其他控件的重排，则可以使用绝对定位的元素。如果您不希望叠加层通过捕获鼠标事件来影响地图ui，只需在该元素上设置pointer-events:none;。