在嵌入谷歌地图的图像中添加用户界面

adding user interface within images embedded to google map

本文关键字：添加用户界面图像谷歌地图更新时间：2023-09-26

我正在尝试将一个简单的图像嵌入到谷歌地图中，并使用OVERLAY成功做到了。但问题是嵌入的图像具有不同的组件（例如，如果图像是房屋，则组件是停车场，游泳池等），并且需要在单击时为每个组件添加功能。有没有办法将这些类型的图像嵌入到谷歌地图上。

我建议您考虑构建 KML 叠加层。这样，您就可以将数据作为单个叠加层进行管理，但保留所有要素的交互性。网上有很多教程，但最基本的方法是在 Google 地球中构建叠加层，在公共网站上托管 kml 文件，然后将其添加到地图中。

请注意，许多 kml 教程都是针对 v2 API 的。除了有关将图层添加到地图的最终代码的部分外，它们仍然适用 - 为此，请确保使用 v3 教程。

v3 地图上的 KML 示例：https://google-developers.appspot.com/maps/documentation/javascript/examples/layer-kml

实际 KML 文件：http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml