2014-11-20 86 views
0

我正在使用新的Google地圖系統和嵌入式iframe將我的谷歌地圖添加到我的自定義位置頁面中。將地址搜索添加到自定義谷歌地圖

我缺少的是讓用戶搜索他們的地址以查看哪個位置離他們最近的方法。

該地圖列出了當地的Disc高爾夫球場,我想加入一個搜索欄,讓您輸入您的地址,以便您可以看到離最近的球場有多近。

有關如何完成此任何想法?

這裏是我當前的iFrame代碼:

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

在網站上顯示:

http://atxdiscgolf.com/

正如你可以看到... ...沒有搜索吧!我希望能夠在這張地圖上搜索地址,以便我可以看到他們離家有多近!請告訴我! 也讓我知道如果你有任何光盤高爾夫球課程添加到我的清單!

+0

我創造了這個小提琴在這方面努力:http://jsfiddle.net/ 9sfeqfmg/ 這是我的「MID」(地圖ID)zgauQ93-BexQ.kryT1881iie4 https://mapsengine.google.com/map/u/0/embed?mid=zgauQ93-BexQ.kryT1881iie4 – MrGoodfellow 2015-01-22 16:55:49

回答

0

我想出瞭如何做到這一點!

首先,我用了「示例代碼」這裏找到: 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個鏈接,所以我將張貼在下面的評論的鏈接到我的小提琴:

+0

http://jsfiddle.net/9sfeqfmg/2/ – MrGoodfellow 2015-01-22 17:21:35

-1

查看文檔中的sample code。它在地圖上添加了一個搜索框,這聽起來就像是你要找的。如果您希望能夠獲取路線或計算距離,則可能需要使用其他庫/ apis,但Google Maps v3已經有很多方法(如computeDistanceBetween)。

+0

我正在處理一個小提琴嵌入此然而我不知道如何添加我的自定義地圖。這是我的MID:mid = zgauQ93-BexQ.kryT1881iie4 這裏是我正在工作的小提琴:http://jsfiddle.net/9sfeqfmg/不知道如何將這個MID添加到嵌入的地圖...一直在讀API,但我有點困惑 – MrGoodfellow 2015-01-22 16:54:57