Google Map наложений

Добавление маркера в Google Maps

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

Оверлеи объекты, связанные с широта / долгота координаты на карте, перетащить или изменять масштаб карты будет двигаться вместе с вами.

Google Maps API являются следующие накладками:

Укажите с помощью маркеров на карте, чтобы показать часто отображать пользовательский значок. Маркеры являются объектами типа GMarker, и могут быть использованы для настройки типов объектов GIcon значком.
Линии на карте с помощью ломаных линий (представляющих собой набор точек), которые будут отображаться. GPolyline линия типа объекта.
Области на карте отображается в виде полигонов (если площадь произвольной формы) или нижнюю накладку (если это прямоугольная область). Многоугольник похож на замкнутую полилинию, она может быть любой формы. Наложения обычно используются для отображения области с плиткой, прямо или косвенно связанных.
Сама карта отображается с использованием фрагментного наложения. Если у вас есть ряд плиток, вы можете использовать класс GTileLayerOverlay изменить существующие плитки на карте, вы можете даже использовать GMapType для создания собственных типов карт.
Информационное окно также является особым видом наложения. Однако следует отметить, информационное окно будет автоматически добавлено к карте, и карту можно добавить только один тип объекта GInfoWindow.

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

Карта идентифицирует точки на записи. По умолчанию они используют G_DEFAULT_ICON (Можно также указать пользовательский значок). GMarker конструктор GLatLng и GMarkerOptions (необязательно) объект в качестве параметра.

Метки предназначены для быть интерактивным. Например, по умолчанию, они получают "щелчок" события, часто используется, чтобы открыть информационное окно в слушателей событий.

По setMap () метод, чтобы добавить маркеры на карте:

примеров

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

marker.setMap(map);

Попробуйте »

Google Maps - перетаскиваемыми маркер

В следующем примере показано, как использовать свойство анимации, чтобы перетащить маркер:

примеров

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

marker.setMap(map);

Попробуйте »

Google Maps - значок

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

примеров

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

marker.setMap(map);

Попробуйте »

Google Maps - полилинии

Объект GPolyline может создать линейное наложение на карте. GPolyline включают в себя ряд точек и создает ряд аккуратных линий, соединяющих эти точки.

Ломаная поддерживает следующие атрибуты:

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

примеров

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

Попробуйте »

Google Maps - Полигон

объекты GPolygon подобные объекты GPolyline, потому что они включают в себя ряд упорядоченных точек. Тем не менее, многоугольники две конечные точки, но конструкция области замкнутого контура определяется формирование.

А линия, вы можете настроить цвет и прозрачность многоугольника края (линии) цвета, толщины и прозрачности, а также закрытие заполненной области. Цвета должны быть в шестнадцатеричном цифровом HTML-стиле.

Полигон поддерживает следующие атрибуты:

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

примеров

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 - Круглые

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

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

примеров

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

Попробуйте »