如何使用 API 将自定义数据层添加到 Google 地图应用程序？答案

【问题标题】：How can I add custom data layer to Google Maps App using API?如何使用 API 将自定义数据层添加到 Google 地图应用程序？
【发布时间】：2014-04-18 01:42:58
【问题描述】：

我想将数据层/叠加层添加到 Google 地图应用。这个数据层可以是任何东西，比如照片、维基页面、推文或任何东西。例如，看看MapMyPics。当您放大特定区域时，您可以看到该位置的数据。我认为放大会触发 ajax 调用以从服务器获取相关数据。

任何教程或开源项目都将受到高度赞赏。

【问题讨论】：

为什么它被否决了？

标签： ajax google-maps google-maps-api-3 flickr mashup

【解决方案1】：

您的链接是使用 css 和 div 完成的，使用绝对定位和 z 索引。比如看google maps提供的这个例子：

https://developers.google.com/maps/documentation/javascript/examples/overlay-hideshow

有一个#panel div，它是 google maps 容器的直接兄弟。两者都是 body 元素的子元素。 #panel div 有这个 css：

#panel {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    left: 50%;
    margin-left: -180px;
    padding: 5px;
    position: absolute;
    top: 5px;
    z-index: 5;
}

【讨论】：

对不起，但这并不能回答我的问题。我正在寻找一个混搭示例 - 数据层 + 谷歌地图，而不仅仅是一张图片。
如果你看看你的例子和我的例子，它都是带有元素的 div。我不知道你的意思是“不仅仅是一个图像”。一个 div 可以存储尽可能多的 dom 元素...
我的意思是根据使用第三方 API 的区域从 div 元素中添加和删除数据。如果您能提供一些示例，我将不胜感激。抱歉不够清楚。