Друзья, подскажите пожалуйста, как в Google Maps API при использовании своего рисунка маркера MarkerImage, добавить несколько маркеров на карту, примеров много в интернете для обычного маркера, а вот с MarkerImage да еще при похожей инициализации карты не смог найти ничего толкового, обращаюсь к вам за попмощью, памагитиии!
Вот поднял свой пример карты
https://codepen.io/Cheizer/pen/xJxRvY
Инициализирую карту из подключенного к главной странице файла так
function initialize() {
var secheltLoc = new google.maps.LatLng(55.70974356900742,37.61691650000001);
var marcercenter = new google.maps.LatLng(55.70974356900742,37.61691650000001);
var myMapOptions = {
center: secheltLoc,
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 15,
scrollwheel: false,
mapTypeControl: false,
zoomControl: true,
styles: [{}]
};
var theMap = new google.maps.Map(document.getElementById("map"), myMapOptions);
var image = new google.maps.MarkerImage(
'http://young-media.ru/images/map-marker.png',
new google.maps.Size(128, 128),
new google.maps.Point(0, 0),
new google.maps.Point(65, 65)
);
var marker = new google.maps.Marker({
map: theMap,
icon: image,
draggable: false,
animation: google.maps.Animation.DROP,
position: marcercenter,
visible: true
});
}
google.maps.event.addDomListener(window, 'load', initialize);