Korzystanie z Google Maps API dla Radial Distance

Autor: Eugene Taylor
Data Utworzenia: 11 Sierpień 2021
Data Aktualizacji: 7 Czerwiec 2024
Anonim
Architecture Kata #1 - Analysis with an expert [How does a real Solution Architect work] #ityoutube
Wideo: Architecture Kata #1 - Analysis with an expert [How does a real Solution Architect work] #ityoutube

Zawartość

Możesz dostosować mapę Google, aby zaspokoić specyficzne potrzeby Twojej witryny dzięki Mapom API 3.0. Jedną z metod personalizacji jest wstawienie okręgu, który pokazuje promień odległości wokół określonego miejsca. Możesz na przykład pokazać promień pięciu mil wokół punktu turystycznego, aby odwiedzający mogli zobaczyć pobliskie hotele i restauracje. Aby utworzyć promień odległości wokół lokalizacji lub punktu, użyj klasy „Okrąg” w Mapach Google.


Instrukcje

  1. Otwórz plik HTML i przejdź do sekcji zawierającej kod mapy Google.

  2. Przewiń kod w dół, aż znajdziesz lokalizację znacznika. Aby łatwo znaleźć zakładkę, wyszukaj termin „google.maps.Marker” w pliku HTML.

  3. Poniżej miejsca, w którym ustawiłeś znacznik, utwórz warstwę „Okrąg” i przymocuj ją do niej. Na przykład wpisz:

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

  4. Dodaj promień okręgu, który będzie wokół znacznika w metrach:

    var circleExample = new google.maps.Circle ({mapa: promień mapy: 5000

  5. Utwórz kolor wypełnienia okręgu. Kolor ustawia się w formacie szesnastkowym. Na przykład wpisz:

    var circleExample = new google.maps.Circle ({mapa: promień mapy: 5000 fillColor = #FFFFFF});

  6. Powiąż lub dodaj okrąg do znacznika:

    var circleExample = new google.maps.Circle ({mapa: promień mapy: 5000 fillColor = #FFFFFF}); circleExample.bindTo („mapa”, znacznik);


  7. Zapisz mapę i test. Mapy Google pokażą biały okrąg o promieniu 5000 metrów wokół lokalizacji znacznika.