如何在Google地图顶部添加文字，以便在平移时文本不会移动

Question

我正在制作一个HTML5应用程序，用于运行Google地图，该地图可以在手机上占据整个屏幕。为了简单的调试，以后可能出于合法的信息目的，我想在地图的右下角放置一些文本，这些文本报告一些信息，例如用户的当前lat / lng。我查看了v3 API，据我所知，没有任何内容可以做到这一点。是否有任何一种解决方法可以完成这项工作？

Answer 1

真的很容易。添加div作为控件。在html中的任何位置定义一个空div。将其添加为控件，地图将其吸入地图显示中。然后使用您希望的任何DOM函数写入它。

<div id="debug"></div>

-- code goes here --

var x = document.getElementById("debug");
mapName.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(x);

-- code goes here --

$("#debug").html("debugging info")

希望这足以让我们了解这个想法。

在我的例子中，我把它放在RIGHT_BOTTOM中。其他选项包括here。

跳过

Answer 2

实现叠加层可能需要做太多工作。出于调试目的，最好使用FireBug（或类似工具）的控制台日志记录选项。至于合法信息，如果它是地理特定的，您可以使用InfoWindow。

如果数据不是地理特定的，那么它最好显示在地图之外（您可以将其调整为<100％）。希望有所帮助。