Brug af Google Maps API for Radial Distance

Indhold

• retninger

Du kan tilpasse et Google-kort til at opfylde de specifikke målgrupper på dit websted med Maps API 3.0. En metode til personliggørelse er at indsætte en cirkel, der viser radius af afstand omkring et bestemt sted. Du kan f.eks. Vise en radius på fem kilometer omkring en turistplads, så besøgende kan se nærliggende hoteller og restauranter. For at skabe en radius af afstand omkring en placering eller et punkt, brug klassen "Cirkel" i Google Maps.

retninger

1. Åbn HTML-filen og gå til den sektion, der indeholder Google-kortkoden.

2. Rul ned koden, indtil du finder markørens placering. For at finde bogmærket let, søg efter udtrykket "google.maps.Marker" i HTML-filen.

3. Nedenfor, hvor du sætter markøren, skal du oprette laget "Cirkel" og vedhæfte det til det. For eksempel, skriv:

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

4. Tilføj radius af cirklen, der ligger omkring markøren i meter:

   var circleExample = nye google.maps.Circle ({map: mapradius: 5000

5. Opret en fyldfarve til cirklen. Du indstiller farven ved hjælp af et hexadecimalt format. For eksempel, skriv:

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

6. Tilknyt eller tilføj cirklen til markøren:

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

   
   

7. Gem kortet og test. Google Maps viser en hvid cirkel med en radius på 5.000 meter rundt om markørens placering.