jquery - 自定义从 map 制作者嵌入的谷歌地图

Question

在此页面底部，http://bonner.gydev.com/ ，我们正在做一个从 google map maker 嵌入的基本 map 。这些线都是由其他人绘制的，并在 google earth kmz 文件中提供，我们可以将其导入 map 制作工具。嵌入工作正常，但我需要去掉所有叠加层，只显示带有线条和缩放图标的 map 。没有顶部/标题栏，没有从左侧菜单显示/隐藏内容的选项等。嵌入 map 制作器是否可能？尝试了如下所示的 jquery 方法，但没有运气。

$('iframe').contents().find('.qAWA2').remove();

如果不可能，我不确定如何将这些线坐标放入更高级的 API 设置中？

任何帮助将不胜感激!谢谢，里奇

Answer 1

使用 Google Maps JavaScript API 可以轻松做到这一点。使用 API 在您的页面中创建 map ，并加载您的 KML 文件，如 this example 中所示。 .

如果您有足够的动力，您可以添加其他有用的功能。例如，在阅读课文和看到 map 后我想知道:卡丁车赛道在哪里？马厩在哪里？ 房子在哪里？您可以在卫星 map 的侧面有一个功能列表，或者更好的是，使主体文本中的适当单词可点击，例如当您读到有关从马厩中取出新坐骑的信息时，您可以单击“马厩”并放大 map 或在 map 上的那个位置显示一个标记。

45 degree view也非常好，并且在您使用 Maps API map 后很容易添加。

顺便说一句，小心使用元素类或 ID，例如您可能在 DOM 检查器中找到的 qAWA2。即使你确实让它工作了，它也可能会在接下来的几周内崩溃。如果像 qAWA2 这样的名称看起来像乱码而不是任何明智的程序员会使用的名称，那是有原因的。 Maps API JavaScript 代码在发布之前通过压缩器运行，并将私有(private)名称(函数、类等)更改为任意更短的代码。因此，每次他们发布新版本并通过缩小器运行它时，这些名称可能会改变。

或者 qAWA2 实际上可能是他们在原始 Maps API 源代码中使用的名称(也许这些字母代表某种东西)——但同样的原则仍然适用:它没有记录，所以谷歌可以随时更改。