Vsebina
Google Maps 3.0 lahko prilagodite tako, da ustreza posebnim potrebam občinstva vašega spletnega mesta. Eden od načinov personalizacije je vstaviti krog, ki prikazuje polmer razdalje okoli določenega kraja. Lahko na primer prikažete polmer petih kilometrov okoli turističnega kraja, tako da lahko obiskovalci vidijo bližnje hotele in restavracije. Če želite ustvariti polmer razdalje okoli lokacije ali točke, uporabite razred "Krog" Google Zemljevidov.
Korak 1
Odprite datoteko HTML in pojdite na razdelek, ki vsebuje kodo Google map.
2. korak
Pomaknite se po kodi navzdol, dokler ne najdete tiste, ki določa lokacijo označevalca. Če želite zaznamek enostavno najti, v datoteki HTML poiščite izraz "google.maps.Marker".
3. korak
Pod mejo, kjer definirate označevalnik, ustvarite plast "Krog" in jo pritrdite nanjo. Na primer vnesite:
var circleExample = new google.maps.Circle ({map: map
4. korak
Dodajte polmer kroga, ki bo okoli oznake v metrih:
var circleExample = new google.maps.Circle ({map: radij zemljevida: 5000
5. korak
Ustvari barvo polnila za krog. Barvo določite v šestnajstiški obliki. Na primer vnesite:
var circleExample = nov google.maps.Circle ({zemljevid: radij zemljevida: 5000 fillColor = #FFFFFF});
6. korak
Krog povežite ali dodajte k označevalniku:
var circleExample = nov google.maps.Circle ({zemljevid: radij zemljevida: 5000 fillColor = #FFFFFF}); circleExample.bindTo ('zemljevid', oznaka);
7. korak
Shranite zemljevid in preizkusite. Google Zemljevidi bodo prikazali bel krog s polmerom 5000 metrov okoli lokacije oznake.