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

Question

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

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

Answer 1

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

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

有一个#panel div，它是谷歌地图容器的直接兄弟。两者都是 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;
}