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

时间:2015-06-01 17:07:25

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

在本页底部http://bonner.gydev.com/,我们正在制作一个从谷歌地图制作者嵌入的基本地图。这些行全部由其他人吸引并在google earth kmz文件中提供,我们可以将其导入到地图制作者中。嵌入工作正常,但我需要摆脱所有叠加,只显示地图线条和缩放图标。没有顶部/标题栏,没有显示/隐藏左侧菜单中的内容的选项等。这是否可以通过地图制作者嵌入?试过像下面这样的jquery方法,但没有运气。

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

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

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

1 个答案:

答案 0 :(得分:0)

使用Google Maps JavaScript API可以很容易地做到这一点。使用API​​在您的页面中创建地图,然后按this example

中所示加载您的KML文件

如果你很有动力,那么你可以添加其他有用的功能。例如,阅读文本并查看我想知道的地图后:卡丁车赛道在哪里?马厩在哪里? house 在哪里?您可以在卫星地图一侧有一个功能列表,甚至更好,使主体文本中的相应单词可以点击,例如当你读到从马厩里换上一个新的坐骑时,你可以点击"稳定"并放大或在地图上的该位置显示标记。

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

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

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

相关问题