Използване на приложния програмен интерфейс (API) на Google Карти за радиално разстояние

Съдържание

• инструкции

Можете да персонализирате карта на Google, за да отговорите на специфичните нужди на аудиторията на сайта си с помощта на приложния програмен интерфейс (API) на Google Карти 3.0. Един от методите за персонализация е да вмъкнете кръг, който показва радиуса на разстоянието около определено място. Можете например да покажете радиуса от пет мили около туристическо място, така че посетителите да могат да видят близките хотели и ресторанти. За да създадете радиус на разстояние около местоположение или точка, използвайте класа "Кръг" в Google Карти.

инструкции

1. Отворете HTML файла и отидете в раздела, който съдържа кода на картата на Google.

2. Превъртете надолу кода докато намерите местоположението на маркера. За да намерите лесно отметката, потърсете термина "google.maps.Marker" в HTML файла.

3. По-долу, където сте поставили маркера, създайте слоя "Кръг" и го прикрепете към него. Например напишете:

   var circleExample = нови google.maps.Circle ({map: map

4. Добавете радиуса на кръга, който ще бъде около маркера в метри:

   var circleExample = нови google.maps.Circle ({map: радиус на картата: 5000

5. Създайте цвят на запълване за кръга. Можете да зададете цвят с шестнадесетичен формат. Например напишете:

   var circleExample = нови google.maps.Circle ({map: радиус на картата: 5000 fillColor = #FFFFFF});

6. Свържете или добавете кръга към маркера:

   var circleExample = нови google.maps.Circle ({map: радиус на картата: 5000 fillColor = #FFFFFF}); circleExample.bindTo („карта“, маркер);

   
   

7. Запазете картата и изпробвайте. Google Карти ще показва бял кръг радиус от 5000 метра около местоположението на маркера.