Izmantojot Google Maps API radiālo attālumu

Saturs

• Instrukcijas

Varat pielāgot Google karti, lai apmierinātu konkrētās vietnes mērķauditorijas vajadzības ar Maps API 3.0. Viena personalizācijas metode ir ievietot apli, kas parāda attāluma rādiusu ap konkrētu vietu. Piemēram, jūs varat parādīt piecu jūdžu rādiusu ap tūristu vietu, lai apmeklētāji varētu redzēt tuvumā esošās viesnīcas un restorānus. Lai izveidotu attāluma rādiusu ap atrašanās vietu vai punktu, izmantojiet "Google" lokā "Circle".

Instrukcijas

1. Atveriet HTML failu un dodieties uz sadaļu, kurā ir Google kartes kods.

2. Ritiniet kodu uz leju, līdz atrodat marķiera atrašanās vietu. Lai viegli atrastu grāmatzīmi, HTML failā meklējiet vārdu "google.maps.Marker".

3. Zemāk, kur iestatāt marķieri, izveidojiet "Circle" slāni un pievienojiet to. Piemēram, ierakstiet:

   var circleExample = jauns google.maps.Circle ({karte: karte

4. Pievienojiet apļa rādiusu, kas būs ap marķieri metros:

   var circleExample = jauns google.maps.Circle ({karte: kartes rādiuss: 5000

5. Izveidojiet apļa aizpildījuma krāsu. Krāsu iestatāt, izmantojot heksadecimālo formātu. Piemēram, ierakstiet:

   var circleExample = new google.maps.Circle ({karte: kartes rādiuss: 5000 fillColor = #FFFFFF});

6. Pievienojiet vai pievienojiet apli marķierim:

   var circleExample = new google.maps.Circle ({karte: kartes rādiuss: 5000 fillColor = #FFFFFF}); circleExample.bindTo ('karte', marķieris);

   
   

7. Saglabājiet karti un pārbaudi. Google Maps rādīs baltu apli 5000 metru rādiusā ap marķiera atrašanās vietu.