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

我正在研究设计用于运行手机上整个屏幕的Google地图的HTML5应用程序。为了简单的调试，也许以后出于合法的信息目的，我想在地图的右下角放置一些文本，该文本报告一些信息，例如用户当前的经纬度。我已经浏览了v3 API，并且据我所知，没有任何内容可以做到这一点。是否有任何一种解决方法可以完成这项工作？如何在谷歌地图顶部添加文本，以便在平移时文本不会移动

来源

2011-04-11 Bryce Thomas

当你说“的位置有些文字在右下角”你的意思是在谷歌地图的顶部覆盖？如果是这样，这个覆盖图是否覆盖Google Map的初始文本？ – kjy112 2011-04-11 13:51:09

是覆盖，虽然*可能*与透明背景。如果它看起来会掩盖任何类型的版权/其他文本，那么我会将文本移动到不存在的地方。 – 2011-04-11 13:54:40

真的很容易。添加一个div作为控件。在你的html的任何地方定义一个空的div。将其添加为控件，Maps将其吸入地图显示。然后用你希望的任何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。

跳过

来源

2011-05-02 22:20:56 BentFX

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

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

来源

2011-04-11 14:12:42

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

回答

相关问题