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

Question

我正在开发一个 HTML5 应用程序，旨在运行占据手机整个屏幕的 Google 地图。为了简单的调试，也许以后为了合法的信息目的，我想在地图的右下角放置一些文本，它报告一些信息，例如用户当前的纬度/经度。我查看了 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 中。其他选项位于此处。

跳过

Answer 2

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

如果数据不是特定于地理的，则最好将其显示在地图之外（您可以将其大小调整为 < 100%）。希望有帮助。