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}});
                        }
                    }
                }
            }
        });
Другие вопросы по тегам