Använda Google Maps API för Radial Distance

Författare: Judy Howell
Skapelsedatum: 2 Juli 2021
Uppdatera Datum: 23 November 2024
Anonim
Använda Google Maps API för Radial Distance - Artiklar
Använda Google Maps API för Radial Distance - Artiklar

Innehåll

Du kan anpassa en Google-karta för att möta specifika publikbehov på din webbplats med Maps API 3.0. En metod för personalisering är att infoga en cirkel som visar radius av avstånd runt en viss plats. Du kan till exempel visa 5-mils radie runt en turistplats så att besökare kan se närliggande hotell och restauranger. För att skapa en radie av avstånd runt en plats eller punkt, använd klassen "Cirkel" i Google Maps.


vägbeskrivning

  1. Öppna HTML-filen och gå till avsnittet som innehåller Google-kartkoden.

  2. Bläddra ner koden tills du hittar markörplatsen. För att leta efter bokmärket letar du efter termen "google.maps.Marker" i HTML-filen.

  3. Nedan där du ställer in markören, skapa "Cirkel" -laget och fäst det till det. Skriv till exempel:

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

  4. Lägg till cirkelns radie som ligger runt markören i meter:

    var circleExample = nya google.maps.Circle ({karta: kartradie: 5000

  5. Skapa en fyllfärg för cirkeln. Du ställer in färgen med ett hexadecimalt format. Skriv till exempel:

    var circleExample = nya google.maps.Circle ({karta: kartradie: 5000 fillColor = #FFFFFF});

  6. Associera, eller lägg till, cirkeln till markören:


    var circleExample = nya google.maps.Circle ({karta: kartradie: 5000 fillColor = #FFFFFF}); circleExample.bindTo ("map", markör);

  7. Spara kartan och testa. Google Maps visar en vit cirkel med en radie på 5 000 meter runt markörplatsen.