Uporaba API-ja za Google Zemljevide za radialno razdaljo

Avtor: Eugene Taylor
Datum Ustvarjanja: 14 Avgust 2021
Datum Posodobitve: 22 November 2024
Anonim
Architecture Kata #1 - Analysis with an expert [How does a real Solution Architect work] #ityoutube
Video.: Architecture Kata #1 - Analysis with an expert [How does a real Solution Architect work] #ityoutube

Vsebina

Google Zemljevid lahko prilagodite tako, da ustreza potrebam ciljne skupine za vaše spletno mesto s API-jem Zemljevidov 3.0. Eden od načinov personalizacije je vstaviti krog, ki prikazuje polmer razdalje okoli določenega mesta. Lahko na primer pokažete polmer milj okoli turističnega mesta, da bodo obiskovalci lahko videli bližnje hotele in restavracije. Za ustvarjanje polmera razdalje okoli lokacije ali točke uporabite razred »Krog« v Google Zemljevidih.


Navodila

  1. Odprite datoteko HTML in pojdite na razdelek, ki vsebuje kodo Google zemljevida.

  2. Pomaknite se navzdol po kodi, dokler ne najdete lokacije oznake. Če želite enostavno najti zaznamek, poiščite izraz "google.maps.Marker" v datoteki HTML.

  3. Spodaj, kjer nastavite oznako, ustvarite sloj »Krog« in ga priložite. Vnesite na primer:

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

  4. Dodajte polmer kroga, ki bo okoli oznake v metrih:

    var circleExample = novi google.maps.Circle ({map: polmer zemljevida: 5000

  5. Ustvarite barvo polnila za krog. Barvo nastavite v šestnajstiški obliki. Vnesite na primer:

    var circleExample = novi google.maps.Circle ({map: polmer zemljevida: 5000 fillColor = #FFFFFF});

  6. Povežite ali dodajte krog z oznako:

    var circleExample = novi google.maps.Circle ({map: polmer zemljevida: 5000 fillColor = #FFFFFF}); circleExample.bindTo ("map", marker);


  7. Shranite zemljevid in preskusite. Google Zemljevidi bodo prikazali beli krog polmera 5.000 metrov okrog lokacije markerja.