Ako nakresliť krivku s Array String Umiestnenie v Google Maps V3

Google Maps API V3 vám dáva kontrolu nad tým , ako na vstupné dáta a vytvárať vlastné Google mapy . Ak máte zoznam alebo pole zemepisnej šírky a dĺžky koordinuje môžete určiť , že Google používa pole na vytvorenie trasy alebo krivku na mape . Napríklad by ste mohli vytvoriť rad po horských kontúry na turistickom chodníku , alebo prepravný trase , ktorá splieta okolo radu ostrovov . Pokyny dovolená 1

Otvorte svoj ​​súbor HTML a prejdite do sekcie , kde môžete definovať svoj ​​Google Map .
2

Na základe tohto kódexu , kde sa inicializovať mapa definovať vlastnosti krivky . Napríklad typ : Spojené

var polylineOptions = { strokeColor : " # 000000 " , strokeWeight : 3

V tomto príklade , farba linka je nastavená na hexadecimálne farby čiernej a hmotnosti linka je tri .
3

Inicializácia krivku . Napríklad typ :

polylineExample = new google.maps.Polyline ( polylineOptions ) ; polylineExample.setMap ( mapa ) ;

V tomto príklade sme pridať krivku na mapu s charakteristiky sú definované v " polylineOptions " premenné .
4

Vytvorte rad lokalít kliknutím na body na mape . Napríklad typ :

google.maps.event.addListener ( mapa , " kliknite na tlačidlo " addLatLng ) ; }

V tomto príklade , Google načúva pre užívateľov na kliknutie na mape a obchody , ktoré si cenia na " addLatLng . "
5

Vytvoriť krivku pomocou funkcie addlatLng . Napríklad typ :

funkcie addlatLng ( event ) { var cesta = polyline.getpath ( ) ; route.push ( event.latLng ) ;

Pokračujúce príklad , " GetPath " sa vracia pole hodnôt priradených k premennej " cesta " a tlačí nové zemepisných súradníc do poľa .
6

Pridať umiestnenie značky pre jednotlivé geografickej bodu pozdĺž krivky . Napríklad typ :

var locMarker = new google.maps.locMarker ( { pozícia : event.latLng , title : ' # ' + route.getLength ( ) , mapa : mapa } ) ; }

v tomto príklade , Google mapy vykresľuje miesta na trase alebo krivky pomocou dát v " trasy " pole .
7

Uložte kód a otestovať . Google Maps sa zobrazí čiaru na mape . Pre každú lokalitu Google Maps umiestni značku . Krivka bude vyzerať podobne ako pripojenie - the - bodkami obraz na mape .

• Predchádzajúca strana: Ako zakázať Google Maps API Marker bublina 
• Ďalšia strana: Ako použiť kód DBL