【发布时间】:2013-07-18 20:46:58
【问题描述】:
我正在尝试在 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 对象)发送给它,一切正常
【问题讨论】:
标签: android google-maps-api-3 jquery-ui-map