Gmap3:如何为标记添加标题?

时间:2014-07-23 09:01:01

标签: php google-maps jquery-gmap3

我有一个PHP脚本,用于在变量中存储公司的名称和地址。然后我就像这样回应:

$(document).ready(function() {
    $("#map").gmap3({
        marker:{
        address: "<?echo $coord;?>"
        },
        map:{
            options:{
                zoom:15,
                mapTypeControl: true,
                navigationControl: true,
                scrollwheel: true,
                streetViewControl: true
            }
        }
    });
});

如何添加公司名称以显示在标记下方?例如:this

我试图添加:

marker:{
    address: "<?echo $coord;?>"
    title:   "<?echo $com_name;?>"
}

但这不起作用。

谢谢。

1 个答案:

答案 0 :(得分:0)

title属性必须位于option属性中。

var marker = {
   latLng: [53.23564, 24.32654],
   data: 'some data',
   options: {
       title: 'Title',
       icon: '/Path/to/custom/icon/if/you/need.png'
   }
}

您可以使用infowindow显示的其他信息。

示例:

        $(".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}});
                        }
                    }
                }
            }
        });