Bruke Google Maps API for Radial Distance

Innhold

• retninger

Du kan tilpasse et Google-kart for å møte de spesifikke målgruppens behov på nettstedet ditt med Maps API 3.0. En metode for personalisering er å sette inn en sirkel som viser radius av avstand rundt et bestemt sted. Du kan for eksempel vise fem miles radius rundt et turiststed, slik at besøkende kan se nærliggende hoteller og restauranter. For å lage en radius av avstand rundt et sted eller punkt, bruk klassen "Sirkel" i Google Maps.

retninger

1. Åpne HTML-filen og gå til delen som inneholder Google-kartkoden.

2. Rull ned koden til du finner markørplasseringen. For å finne bokmerket enkelt, søk etter termen "google.maps.Marker" i HTML-filen.

3. Nedenfor hvor du setter markøren, lager "Sirkel" -laget og legg det til det. Skriv for eksempel:

   var circleExample = nytt google.maps.Circle ({map: map

4. Legg til radius av sirkelen som vil ligge rundt markøren i meter:

   var circleExample = new google.maps.Circle ({kart: kartradius: 5000

5. Lag en fyllfarge for sirkelen. Du setter fargen ved hjelp av et heksadesimale format. Skriv for eksempel:

   var circleExample = nye google.maps.Circle ({kart: kartradius: 5000 fillColor = #FFFFFF});

6. Tilknyt eller legg til sirkelen til markøren:

   var circleExample = nye google.maps.Circle ({kart: kartradius: 5000 fillColor = #FFFFFF}); circleExample.bindTo ('map', markør);

   
   

7. Lagre kartet og test. Google Maps viser en hvit sirkel med en radius på 5 000 meter rundt markørplasseringen.