Gmap3: Как добавить заголовок к маркеру?
У меня есть рабочий скрипт php, который хранит название и адрес компании в переменных. Затем я повторяю это так:
$(document).ready(function() {
$("#map").gmap3({
marker:{
address: "<?echo $coord;?>"
},
map:{
options:{
zoom:15,
mapTypeControl: true,
navigationControl: true,
scrollwheel: true,
streetViewControl: true
}
}
});
});
Как бы я добавил название компании, чтобы показать под маркером? Например: это?
Я пытался добавить:
marker:{
address: "<?echo $coord;?>"
title: "<?echo $com_name;?>"
}
Но это не работает.
Спасибо.
1 ответ
Решение
Свойство title должно быть внутри свойства option.
var marker = {
latLng: [53.23564, 24.32654],
data: 'some data',
options: {
title: 'Title',
icon: '/Path/to/custom/icon/if/you/need.png'
}
}
Другая информация, которую вы можете показать в информационном окне.
Пример:
$(".gmap-widget .gmap3").gmap3({
action: "addMarkers",
markers: markers,
marker: {
events: {
click: function(marker, event, data){
var map = $(this).gmap3('get');
infowindow = $(this).gmap3({action:'get', name:'infowindow'});
if (infowindow){
infowindow.open(map, marker);
infowindow.setContent(data);
} else {
$(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: data, maxWidth: 300}});
}
}
}
}
});