Question

如何使用jquery.gmap.js（http://labs.mario.ec/jquery-gmap/jquery.gmap.js）将我的Google地图v3居中（观点）。我在同一个城市有两个或更多标记，但我想将地图定位在地图上的特定点（或第一个标记上的居中坐标）。我的jquery是：

$(document).ready(function()
{  
 $('#map_canvas').gMap({            
    zoom: 16,
    markers:[
        {
            latitude: 51.51793,
            longitude: -0.140419,
            html: 'some_text_1',
            popup: true,                    
        },
        {
            latitude: 51.52028,
            longitude: -0.122766,
            html: 'some_text_2',
            popup: true,    
        }
    ]
});

}）;

Answer 1

您需要将'popup'的值设置为false，否则gmap将使第二个标记居中。以下是更新的js代码。

$(document).ready(function () {
    $('#map_canvas').gMap({
        zoom: 16,
        markers: [{
            latitude: 51.51793,
            longitude: -0.140419,
            html: 'some_text_1',
            popup: false,
        }, {
            latitude: 51.52028,
            longitude: -0.122766,
            html: 'some_text_2',
            popup: true,
        }]
    });

    $('#map_canvas').gMap('centerAt', {
             latitude: 51.51793,
            longitude: -0.140419,
            zoom: 16
        });
});

这是小提琴...... gmap-fiddle

Answer 2

您可以通过在.gMap({ ... })

之后调用以下行来执行此操作

$('#map_canvas').trigger('gMap.centerAt', [lat, lng, zoom])

如何使用jquery.gmap.js将谷歌地图v3居中

2 个答案: