讓用戶在Google地圖上繪製？

2

您可以使用多段線並使用gooogle.maps.LatLng指定兩點或多點。這裏是一個JSFiddle Demo：

//create points on the Polylines 
    var flightPlanCoordinates = [ 
    new google.maps.LatLng(37.772323, -122.214897), 
    new google.maps.LatLng(-27.46758, 153.027892) 
    ]; 

    //create the Polyline and feed it points with stroke styling 
    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    strokeColor: "#FF0000", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
    }); 

    //set the polylines on the map 
    flightPath.setMap(map);

爲了更詳細的其他建議，將座標可由用戶任意輸入或者通過點擊事件來放置標記的地圖上的點，然後提供標記座標爲點對於多段線或者您也可以創建一個表單，用戶可以手動輸入其地址或經緯度作爲繪製點的點，但繪製多段線的詳細方式與上例類似，但Lat Lng靜態編碼爲演示。

來源

2011-03-16 19:09:47 kjy112

+2

他希望用戶能夠在地圖上繪製......這只是顯示靜態編碼的兩點。 – Achilles 2011-03-16 19:31:25

+0

@Achilles那裏你去我已經添加了深入的建議 – kjy112 2011-03-16 19:38:14

+0

這不應該被標記爲答案;它沒有解決OP問題。 – MarsAndBack 2018-01-31 13:59:10

1

是的。查看MapMyRun.com以查看用例的一個很好的例子。

來源

2011-03-16 19:07:58

+0

那裏有一個特定的頁面可能是好的嗎？我試圖映射我在那裏的跑步，但它與控制混亂，我無法做到，並沒有得到任何來源的例子。 :( – Genadinik 2011-03-18 04:05:22

+0

這是一個功能非常豐富的Web應用程序，您嘗試進行反向工程。我的意思是它只是一個例子，可以完成這樣的事情。但是請查看Genadnik的早期測試版：http：// www。 comehike.com/draggable_marker.php（我剛剛測試過）它可能會給你一些關於如何開始的想法 – 2011-03-18 06:22:34

+0

這是我指向我的頁面;） – Genadinik 2011-03-18 16:55:49

2

查看有關polylines的文檔。您只需在地圖上添加一個'點擊'事件並處理線條的繪製。

來源

2011-03-16 19:09:43 Haochi

2

他們有示例代碼，它允許你這樣做（查看代碼只需點擊查看源代碼）：

http://code.google.com/apis/maps/documentation/javascript/examples/polyline-complex.html

線onclick事件地圖。
通過查看event.LatLng對象來獲取緯度和經度，爲您的折線（使用線繪製的線）添加一個點。
當用戶再次單擊時，折線將自動更新渲染，當新點被推到它渲染的陣列上時。

來源

2011-03-16 19:14:59 Achilles

+0

這是一個很好的例子，但我的要求是不同的。我忘了提及我需要用戶繪製曲線 - 不一定是直線。用戶可以繪製曲線嗎？ – Genadinik 2011-03-18 05:19:19

2

我要張貼此測試頁上的解決方案： http://www.comehike.com/draggable_marker.php

在這個答案的時候，解決的辦法是不存在的，但希望很快我會得到這個工作。

來源

2011-03-18 01:29:04 Genadinik

+0

讓我知道你是否有幫助= D。此外，在這裏有一個類似的問題，我今天早些時候回答，希望它可以幫助你。 HTTP：//計算器。com/questions/5338279/overlay-in-google-maps/5339832＃5339832 – kjy112 2011-03-18 01:38:45

+0

謝謝 - 我仍在考慮如何讓人們畫畫，因爲他們要製作小徑，曲線自然是曲線而不是網格就像街道一樣。這是我在加入之前正在考慮和研究的內容。順便說一句，您的幫助非常感謝！ – Genadinik 2011-03-18 03:24:09

+0

http://www.comehike.com/draggable_marker.php也是一個非常酷的地方。感謝發佈。 – Patricia 2016-02-05 18:54:18

讓用戶在Google地圖上繪製？

回答

相關問題