2014-01-09 97 views
1

我試圖在谷歌地圖添加位置信息的公司,我使用這個代碼的時刻嵌入在網站上的地圖位置:自定義嵌入式谷歌地圖(添加位置標記)?

<iframe width="100%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=26.180782,50.509&amp;spn=0.018486,0.027466&amp;z=15&amp;output=embed"></iframe> 

這裏是我想去的地方到圖像標註地圖:

http://img35.imageshack.us/img35/7789/jm8i.png

在maps.google.com我嘗試使用我的地方>創建地圖選項,它的工作,但它嵌入也顯示編輯菜單(層options..etc)和我不能不要調整縮放級別,以免按照我想要的方式工作,我希望它看起來像ima ge加了一個標記。

AFAIK您可以在谷歌地圖上正式添加貴公司的詳細信息,但這需要驗證,可能需要2周以上,公司所有者急於啓動網站,因此我現在需要一個快速解決方案。

任何幫助將不勝感激!

+0

http://mapsengine.google.com?提供你想要我想的。 –

+0

我在GitHub上有一個項目可能適合您的需求。你對叉子的歡迎。 https://github.com/dreamcc/google-world-map?files=1 – davidcondrey

回答

0

如果你把你的iframe的網址:

https://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=26.180782,50.509&amp;spn=0.018486,0.027466&amp;z=15&amp;output=embed 

,改變ll=daddr=,這將設置終點的方向進行搜索,以繼=座標。

所以你iframe代碼現在:

<iframe width="100%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;t=m&amp;daddr=26.180782,50.509&amp;spn=0.018486,0.027466&amp;z=15&amp;output=embed"></iframe> 

DEMO

這增加了標準的綠色標記到地圖中。看起來座標有點不對(見下圖),但希望這有助於。

enter image description here

0

谷歌靜態地圖聽起來像是你最好的選擇。完整的文檔可以在https://developers.google.com/maps/documentation/staticmaps/找到。

你不需要一個iframe。只需使用帶有適當「src」值的img標籤即可。 繼承人的SRC你需要:

http://maps.googleapis.com/maps/api/staticmap?center= YOUR LAT AND LONG SEPERATED BY COMMA &變焦= DESIRED ZOOM LEVEL &大小= DESIRED DIMENSIONS &標記=顏色:紅色%7C YOUR LAT AND LONG AGAIN &傳感器=假

實施例:

<img src="https://maps.googleapis.com/maps/api/staticmap?center=26.178019,50.509642&zoom=15&size=600x300&markers=color:red%7C26.178019,50.509642&sensor=false" alt="">