Google Maps - Get Poligono confine delle zone/quartiere

Question

Voglio fare una semplice ricerca su Google Maps API v3 e ottenere come risultato la mappa con un poligono di colore come l'immagine qui sotto:

ricerca: Pinheiros, Sao paulo

Answer 1

la risposta breve è: no, l'API di Google Maps non offre tale funzionalità.

Un modo per implementare questo è trovare i dati spaziali (poligoni) in cui ci si trova inerti, caricarli in un database (che supporta idealmente query spaziali) e quindi interrogare il database tramite AJAX per aggiungere la funzione geometria come KMLLayer alla mappa, insieme al corrispondente pin di spinta.

Answer 2

Si può verificare questo funziona su un sito web a funda.nl. Quando selezioni una singola proprietà, viene visualizzata anche una mappa di Google in cui viene disegnato un poligono attorno al quartiere della proprietà selezionata.

Answer 3

L'ho ottenuto utilizzando i dati WikiMapia.

I passi sono:

• Aprire WikiMapia.
• Premere F12 o Ctrl+Shift+I.

• Cerca la posizione che si desidera.
• Fare clic con il tasto destro sul vicinato e selezionare Edit Poly.
• Negli strumenti di sviluppo, fare clic su Network e filtrare per getPolygon.

• risposta del server Copy che assomiglia:

• e andare a Console scheda per eseguire la funzione: Wikimapia.Parser.Itiles.prototype.decodePolygon("Copyed text here");

• Premere Invio per eseguire dopo questo Console restituirà l'oggetto con i punti (Il percorso di Poly).

Io uso JSON.stringify per trasformare l'oggetto in JSON.

Esempio:

JSON.stringify(Wikimapia.Parser.Itiles.prototype.decodePolygon("-619402099;-109032887;02fe8953fffe5a000ae5fe379a000fedffd250000e40ffd6050007f7ffeff2001925ffd59b001f6fffdc310012dcffed10003b82ffd9b9005514ffc4520053d2ffc807000c92fff82dfffde7000e670005070012ef0009390021bf000572001358fffc3a001a57fffa210013c1ffff940036530008610022fc000284004732fff5f0001fb1fff2960013c1fff80800594efffde7002c72000f16004b5000204600416f0013b2002292")) 

Il codice precedente restituirà questo JSON (rientranza JsonFormatter):

{ 
    "points":[ 
     { 
     "lat":-10.9032887, 
     "lng":-61.9402099 
     }, 
     { 
     "lat":-10.9032466, 
     "lng":-61.9306183 
     }, 
     { 
     "lat":-10.8915629, 
     "lng":-61.9308972 
     }, 
     { 
     "lat":-10.8903934, 
     "lng":-61.9313049 
     }, 
     { 
     "lat":-10.8893188, 
     "lng":-61.9316697 
     }, 
     { 
     "lat":-10.8889079, 
     "lng":-61.9318736 
     }, 
     { 
     "lat":-10.8878227, 
     "lng":-61.9325173 
     }, 
     { 
     "lat":-10.8869061, 
     "lng":-61.933322 
     }, 
     { 
     "lat":-10.8864214, 
     "lng":-61.9338048 
     }, 
     { 
     "lat":-10.8854416, 
     "lng":-61.9353282 
     }, 
     { 
     "lat":-10.8839139, 
     "lng":-61.9375062 
     }, 
     { 
     "lat":-10.8824811, 
     "lng":-61.939652 
     }, 
     { 
     "lat":-10.8822809, 
     "lng":-61.9399738 
     }, 
     { 
     "lat":-10.8826496, 
     "lng":-61.9399202 
     }, 
     { 
     "lat":-10.8831343, 
     "lng":-61.9400489 
     }, 
     { 
     "lat":-10.8839982, 
     "lng":-61.940285 
     }, 
     { 
     "lat":-10.8844934, 
     "lng":-61.9404244 
     }, 
     { 
     "lat":-10.8851677, 
     "lng":-61.9403279 
     }, 
     { 
     "lat":-10.8856734, 
     "lng":-61.9401777 
     }, 
     { 
     "lat":-10.8870641, 
     "lng":-61.940167 
     }, 
     { 
     "lat":-10.8879597, 
     "lng":-61.9403815 
     }, 
     { 
     "lat":-10.8897823, 
     "lng":-61.9404459 
     }, 
     { 
     "lat":-10.8905936, 
     "lng":-61.9401884 
     }, 
     { 
     "lat":-10.8910993, 
     "lng":-61.9398451 
     }, 
     { 
     "lat":-10.8933855, 
     "lng":-61.9396412 
     }, 
     { 
     "lat":-10.8945233, 
     "lng":-61.9395876 
     }, 
     { 
     "lat":-10.8964513, 
     "lng":-61.9399738 
     }, 
     { 
     "lat":-10.8981264, 
     "lng":-61.9408 
     }, 
     { 
     "lat":-10.8990114, 
     "lng":-61.9413042 
     } 
    ], 
    "bounds":{ 
     "left":-61.9413042, 
     "bottom":-10.9032887, 
     "right":-61.9306183, 
     "top":-10.8822809, 
     "centerLatLng":null 
    } 
} 

Infine lo uso regex simili regexr.com/3c5m2 trasformare JSON in WKT. Non copio tutto JSON solo gli oggetti nell'array "points" in Regex. Su RegExr copio il testo sostituito e lo incollo in POLYGON((pastehere)).

Importante! Dopo aver applicato la regex è necessario ripetere il primo punto nell'ultimo punto.

-61,956523060798645 -10,877613428213532, -61,95640504360199 -10,877718788854143, -61,956791281700134 -10,878393096072424, -61,95735991001129 -10,87805594265392, -61,95682346820831 -10,877339490373695, -61,956523060798645 -10,877613428213532

poi si arriva qualcosa di simile questo:

POLYGON((-61.956523060798645 -10.877613428213532,-61.95640504360199 -10.877718788854143,-61.956791281700134 -10.878393096072424,-61.95735991001129 -10.87805594265392,-61.95682346820831 -10.877339490373695,-61.956523060798645 -10.877613428213532)) 

Che può essere inserito nel database t hat supporta WKT (come MySQL).

WikiMapia ha un API quindi tutto questo processo può essere automatico, ma per me va bene.