2012-05-02 72 views
20

我有幾個地方有他們的經度和緯度。我想在谷歌地圖中顯示它們。那很好,我不能在特定的經緯度顯示標記。使用標記嵌入Google地圖代碼

例如如果我下面的代碼,這可能只是地方顯示了市場的選擇,以及因爲所有的緯度,經度座標是從正在添加數據庫,並用PHP呼應

<iframe width="425" height="350" frameborder="0" scrolling="no" 
     marginheight="0" marginwidth="0" 
     src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp; 
     output=embed"></iframe> 
     <br /> 
     <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722 
        &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed" 
       style="color:#0000FF;text-align:left">View Larger Map 
       </a> 
     </small> 

回答

11

,你發佈的元素看起來只是從Google地圖嵌入功能複製粘貼。

如果您想刪除已有位置的標記,則需要編寫一些JavaScript來執行此操作。我正在學習如何做到這一點。

檢查了以下工作: https://developers.google.com/maps/documentation/javascript/overlays

它有幾個例子和代碼示例,可以很容易地重新使用和調整以適應當前的問題。

6

學習Google的JavaScript庫是一個不錯的選擇。如果你不想進入編碼,你可能會發現Maps Engine Lite有用。

這是一個最近由Google發佈的工具,您可以創建您的個人地圖(創建標記,繪製幾何圖形並調整顏色和樣式)。

這裏是一個有用的教程中,我發現: Quick Tip: Embedding New Google Maps

39

我建議這種方式,一條線iframe中。 根本不需要JavaScript。 ? 在查詢q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

+0

&輸出=嵌入不再支持。 –

+0

這不允許超過一個點。 – Yay295

3

沒有JavaScript或第三方 '工具' 必要的,使用此:

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe> 

的位置參數提供了標記

有'q'參數格式的幾個選項[R

請確保您有谷歌地圖API嵌入在你的API啓用靜態地圖API,谷歌或將阻止更多的信息的請求

檢查here