将地址搜索添加到自定义谷歌地图

时间:2014-11-20 17:30:50

标签: google-maps search iframe

我正在使用新的Google地图系统和嵌入式iframe将我的Google地图添加到我的自定义位置页面中。

我缺少的是让用户搜索他们的地址以查看哪个位置离他们最近的方法。

地图列出了当地的Disc Golf课程,我想加入一个搜索栏,让您输入您的地址,这样您就可以看到您离最近的球场有多近。

关于如何做到这一点的任何想法?

这是我当前的iFrame代码:

<iframe src="https://mapsengine.google.com/map/u/0/embed?mid=zgauQ93-BexQ.kryT1881iie4" width="640" height="480"></iframe>

在网站上显示:

http://atxdiscgolf.com/

正如你所看到的......没有搜索栏!我希望能够在这张地图上搜索地址,这样我就可以看到他们离家有多近!请告诉我! 如果您有任何Disc Golf课程添加到我的列表中,请告知我们!

1 个答案:

答案 0 :(得分:0)

我想出了怎么做!

首先,我使用了&#34;示例代码&#34;在这里找到: https://developers.google.com/maps/documentation/javascript/examples/places-searchbox?hl=fr

然后我读到了KML图层,所以... https://developers.google.com/maps/documentation/javascript/examples/layer-kml

我转到我的地图,点击导出为KML,检查更新我的地图更新后,然后将KML指向我从“我的地图”下载KML文件的文件位置。

有效!我有一个可搜索的地图,我的自定义叠加层已嵌入!!

它不允许我发布2个以上的链接,所以我会在下面的评论中发布链接到我的小提琴: