Sisu
Saate kohandada Google'i kaarti, et rahuldada oma saidi konkreetsete sihtrühmade vajadusi rakenduse Maps API 3.0 abil. Üks isikupärastamise meetod on lisada ring, mis näitab kindla koha vahemaa kaugust. Näiteks saate näidata viie miili raadiusega turismipunkti ümber, et külastajad näeksid lähedal asuvaid hotelle ja restorane. Asukoha või punkti kaugusraadiuse loomiseks kasutage Google Mapsis ringiklassi.
Juhised
-
Avage HTML-fail ja minge jaotisse, mis sisaldab Google'i kaardi koodi.
-
Kerige koodi allapoole, kuni leiate markeri asukoha. Järjehoidja kergeks leidmiseks otsige HTML-failis mõiste "google.maps.Marker".
-
Allpool, kus te markeri seadistate, looge "Circle" kiht ja lisage see sellele. Näiteks tippige:
var circleExample = uus google.maps.Circle ({map: map
-
Lisage ringi raadius, mis jääb märgi ümber meetrites:
var circleExample = uus google.maps.Circle ({map: kaardi raadius: 5000
-
Looge ringi täitevärv. Sa määrad värvi kuueteistkümnendsüsteemis. Näiteks tippige:
var circleExample = uus google.maps.Circle ({map: kaardi raadius: 5000 fillColor = #FFFFFF});
-
Siduge või lisage ringi markeriga:
var circleExample = uus google.maps.Circle ({map: kaardi raadius: 5000 fillColor = #FFFFFF}); circleExample.bindTo ('kaart', marker);
-
Salvesta kaart ja test. Google Maps näitab markerite asukoha ümber valget ringi 5000 meetri raadiusega.