现在我有一系列的位置,其中一个位置将是一个标记。 第二个标记将基于用户搜索的位置。
现在代码就是这样:
function find_closest_marker( lat1, lon1 ) {
var pi = Math.PI;
var R = 6371; //equatorial radius
var distances = [];
var closest = -1;
var markers = allMyLocations;
for( i=0;i<markers.length; i++ ) {
var lat2 = markers[i][1];
var lon2 = markers[i][2];
var chLat = lat2-lat1;
var chLon = lon2-lon1;
var dLat = chLat*(pi/180);
var dLon = chLon*(pi/180);
var rLat1 = lat1*(pi/180);
var rLat2 = lat2*(pi/180);
var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
Math.sin(dLon/2) * Math.sin(dLon/2) * Math.cos(rLat1) * Math.cos(rLat2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
var d = R * c;
distances[i] = d;
if ( closest == -1 || d < distances[closest] ) {
closest = i;
}
var closestMarker = markers[closest];
var newLat = markers[closest][1]
var newLon = markers[closest][2]
var b = new google.maps.LatLng(newLat, newLon);
map.setCenter(b);
map.setZoom(10);
google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
ShowHideMenu();
if($('#newPos').length==0){
$('div.gmnoprint').last().parent().wrap('<div id="newPos" />');
}
//showInfoWindow(map, closest);
});
}
}
现在,此代码从用户搜索的最近位置获取并在页面上居中。我要做的是让它变焦,以便搜索的位置居中,阵列中的位置在地图区域内。地图不是正常尺寸,是790像素×400像素。
有人可以帮我解决缩放逻辑以及如何实现这一目标吗?
答案 0 :(得分:6)
您是否尝试过LatLngBounds function此功能将构建一个基于西南角和东北角的可视区域。结果,引脚将在地图中居中。如果需要,可以使用缩放,但可以省略它以查看它是否能提供所需的结果。
代码示例如下:
发表声明
var mybounds = new google.maps.LatLngBounds();
然后在您创建标记的事件监听器中添加
mybounds.extend(b);
然后终于在事件监听器之外
map.fitBounds(mybounds)