【问题标题】:Customize google map embed from map maker从地图制造商自定义谷歌地图嵌入
【发布时间】:2015-08-15 06:00:20
【问题描述】:

在这个页面的底部,http://bonner.gydev.com/,我们正在做一个从谷歌地图制造商嵌入的基本地图。这些线都是由其他人绘制的,并在谷歌地球 kmz 文件中提供,我们可以将其导入地图制作工具。嵌入工作正常,但我需要摆脱所有叠加层,只显示带有线条的地图,也许还有缩放图标。没有顶部/标题栏,没有从左侧菜单中显示/隐藏内容的选项等。这可以通过嵌入地图制作工具来实现吗?尝试了像下面这样的 jquery 方法,但没有运气。

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

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

任何帮助将不胜感激!谢谢,丰富

【问题讨论】:

    标签: jquery css google-maps google-maps-embed


    【解决方案1】:

    使用 Google Maps JavaScript API 很容易做到这一点。使用 API 在您的页面中创建地图,并加载您的 KML 文件,如 this example 所示。

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

    45 degree view 也非常好,并且在您使用 Maps API 地图后易于添加。

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

    或者qAWA2 可能实际上是他们在原始 Maps API 源代码中使用的名称(也许字母代表什么) - 但同样的原则仍然适用:它没有记录在案,因此 Google 可能会随时更改它时间。

    【讨论】:

      猜你喜欢
      • 2015-05-05
      • 2020-06-04
      • 1970-01-01
      • 2012-09-21
      • 2014-06-07
      • 2020-04-17
      • 2016-10-27
      • 2012-10-31
      • 2014-02-01
      相关资源
      最近更新 更多