我正在尝试在 jQuery Ui 地图上创建一个按钮,当用户单击该按钮时,地图应该在用户位置上平移(或居中)
我有以下控制
<div id="userLocate" style="margin:15px 15px 15px 20px;padding:5px 5px 5px 10px;"><img src="img/locate.png"></div>
而这个 JS
$('#map_canvas').gmap().bind('init', function() {
//Set click event on userLocationControl
$('#userLocate').click(function(event) {
var lat = newPoint.lat();
var lng = newPoint.lng();
var np = new google.maps.LatLng(lat, lng);
console.log("lat: " + lat + " lng: "+ lng);
$('#map_canvas').gmap('get', 'map').panTo(np);
console.log("lat: " + np.lat() + " lng: "+ np.lng());
$('#map_canvas').gmap('option', 'zoom', 15);
});
//Add userLocationControl
$('#map_canvas').gmap('addControl', 'userLocate', google.maps.ControlPosition.RIGHT_BOTTOM);
});
单击按钮时,我可以看到日志在调用 panTo 方法之前和之后写入了正确的纬度和经度,但是地图被平移到位置 0,0。我试过使用 setCenter 方法并得到相同的结果
如果在 click 函数之外调用该方法并将 newPoint 变量(它是一个 LatLng 对象)发送给它,一切正常