2012-10-28 22 views
1

有誰知道是否可以在(谷歌)地圖上繪製正方形並使該正方形的Topleft和Bottomright邊角預填充4與它們各自的經度& lattitude從地圖上繪製的正方形中獲取lon lat或在地圖上可視化圓形

替代地圖以外形式字段:

如果上述是不可行的,是有可能有一個地圖上的用戶點擊拉離開這座標創建圓隨着半徑的增加?

在這兩個選項中,正方形或圓形都需要在屏幕上可視化(地圖疊加?)。

尋找一個簡單而乾淨的解決方案,讓用戶在地圖上選擇一個區域,以便可以根據lat-lon數據探測數據庫。

+0

希望從堆棧溢出,這個問題本身幫助你 http://stackoverflow.com/questions/7976196/box-rectangle-draw-selection -in-google-maps – arjuncc

+0

http://yogeshmprajapati.blogspot.in/2012/04/google-maps-create-marker-and-draw-line.html – arjuncc

+0

@marcelo我試過http://downloadbedrijven.nl/ geografische-selectie.php哪些工作和做的工作,但是非常醜陋,不友好的用戶和代碼是雜亂的JavaScript與JavaScript交錯。 – pete

回答

1

Google Maps JavaScript API V3允許地圖對象通過實現MVC對象自動存儲狀態並更新他們的表示。

其中兩個可能會讓你感興趣的項目。

這些Rectangle overlayCircle overlay

這2個樣品RectangleCircle使用這些覆蓋,你可以作爲項目的基礎。下面

座標然後可以用於搜索數據庫。(使用AJAX)

var latLngBounds = new google.maps.LatLngBounds(
     marker1.getPosition(), 
     marker2.getPosition() 
    ); 

SQL查詢應該是這樣的

SELECT * FROM table WHERE lat BETWEEN lat1 AND lat2 AND lng BETWEEN lon1 AND lon2 

你也應該考慮使用PDO預處理語句。

+0

噢..這看起來不錯。感覺就像我在中途。我已經建立了一個瘋狂的裝置[這裏](http://downloadbedrijven.nl/geografische-selectie.php),但是如果我能以某種方式獲得4個座標(lat,lon | lat,lon)我們會有一個贏家。任何建議將其綁定到上面的矩形覆蓋樣本? – pete

+0

我跑你的演示和查看源代碼。您可以將它們用於其他角落。 topright」51.97800031536022 5.39056758918241「// // top top&lng bottom bottomleft 51.75263294955848 5.1345982838458895」// lat ofbottom&lng of top'。希望你能理解這一點。 –

+0

我明白你在說什麼,但只需要2個對角 - 每個角都有他們各自的緯度/經度數據 - 創建4個數據點。 (重要的不是他們對立的角落)。我只是尋找用戶友好的選項(這將是一個附加到你的矩形示例)。試圖弄清楚如何從你的例子推斷數據,所以我可以用它來查詢數據庫,一旦用戶點擊一個'確認'按鈕(表單域) – pete

1

我已經有了這個可以做你想做的事情的老演示,但它是用V2 API製作的。你必須把它轉換爲V3:

http://maps.forum.nu/gm_drag_polygon.html

+0

不錯的演示呢..但是我在你的帖子進來之前完成了我的任務。thx雖然努力。改進/評論歡迎:http://downloadbedrijven.nl/geografische-selectie.php – pete

相關問題