Google Maps наложений

Добавить маркер на карте Google:

Google Maps - наложений

Накладки объекты на карте, которые связаны с координатами широты / долготы.

Google Maps имеет несколько типов наложений:

Маркер - Одиночные местоположения на карте. Маркеры могут также отображать пользовательские изображения значков
Ломаная - серии прямых на карте
Полигон - серии прямых на карте, а форма "закрыто"
Круг и прямоугольник
Информация для Windows - Отображение содержимого внутри всплывающего воздушного шара на верхней части карты
Пользовательские наложений

Google Maps - добавить маркер

Конструктор Маркер создает маркер. (Обратите внимание, что свойство положение должно быть установлено для маркера для отображения).

Добавить маркер на карте с помощью setMap() метод:

пример

var marker=new google.maps.Marker({
position:myCenter,
});

marker.setMap(map);

Попробуй сам "

Google Maps - анимировать маркер

В приведенном ниже примере показано, как анимировать маркер с помощью свойства анимации:

пример

var marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});

marker.setMap(map);

Попробуй сам "

Google Maps - Иконка Вместо Маркер

В приведенном ниже примере указывает изображение (icon) , чтобы использовать вместо маркера по умолчанию:

пример

var marker=new google.maps.Marker({
position:myCenter,
icon:'pinkball.png'
});

marker.setMap(map);

Попробуй сам "

Google Maps - Ломаная

Полилинию это линия, которая проходит через ряд координат в упорядоченной последовательности.

Полилиния поддерживает следующие свойства:

путь - определяет координаты нескольких широты / долготы для линии
strokeColor - задает шестнадцатеричный цвет для линии (format: "#FFFFFF")
strokeOpacity - определяет прозрачность линии (значение от 0,0 до 1,0)
strokeWeight - определяет вес штриха линии в пикселях
редактируемые - определяет , является ли строка редактируемые пользователями (true/false)

пример

var myTrip = [stavanger,amsterdam,london];
var flightPath = new google.maps.Polyline({
path:myTrip,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2
});

Попробуй сам "

Google Maps - Полигон

Многоугольник похож на ломаную линию в том, что она состоит из серии координат в упорядоченной последовательности. Тем не менее, многоугольники предназначены для определения областей в замкнутом контуре.

Многоугольники выполнены из прямых линий, а форма "closed" (все линии подсоединить).

Многоугольник поддерживает следующие свойства:

Путь - задает несколько LatLng координаты линии (первая и последняя координата равны)
strokeColor - задает шестнадцатеричный цвет для линии (format: "#FFFFFF")
strokeOpacity - определяет прозрачность линии (значение от 0,0 до 1,0)
strokeWeight - определяет вес штриха линии в пикселях
FillColor - задает шестнадцатеричный цвет для области в пределах замкнутого региона (format: "#FFFFFF")
fillOpacity - определяет непрозрачность цвета заливки (значение в диапазоне от 0,0 до 1,0)
редактируемые - определяет , является ли строка редактируемые пользователями (true/false)

пример

var myTrip = [stavanger,amsterdam,london,stavanger];
var flightPath = new google.maps.Polygon({
path:myTrip,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4
});

Попробуй сам "

Google Maps - Circle

Круг поддерживает следующие свойства:

центр - указывает google.maps.LatLng центра окружности
радиус - определяет радиус окружности, в метрах
strokeColor - задает шестнадцатеричный цвет для линии по кругу (format: "#FFFFFF")
strokeOpacity - определяет непрозрачность цвета обводки (значение в диапазоне от 0,0 до 1,0)
strokeWeight - определяет вес штриха линии в пикселях
FillColor - задает шестнадцатеричный цвет для области внутри круга (format: "#FFFFFF")
fillOpacity - определяет непрозрачность цвета заливки (значение в диапазоне от 0,0 до 1,0)
редактируемые - определяет , является ли редактируемые пользователями круг (true/false)

пример

var myCity = new google.maps.Circle({
center:amsterdam,
radius:20000,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4
});

Попробуй сам "

Google Maps - InfoWindow

Покажите InfoWindow с некоторым текстовым содержимым для маркера:

пример

var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});

infowindow.open(map,marker);

Попробуй сам "