Google地图缩放显示所有标记

时间:2012-08-10 19:14:00

标签: javascript google-maps zoom

现在我有一系列的位置,其中一个位置将是一个标记。 第二个标记将基于用户搜索的位置。

现在代码就是这样:

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像素。

有人可以帮我解决缩放逻辑以及如何实现这一目标吗?

1 个答案:

答案 0 :(得分:6)

您是否尝试过LatLngBounds function此功能将构建一个基于西南角和东北角的可视区域。结果,引脚将在地图中居中。如果需要,可以使用缩放,但可以省略它以查看它是否能提供所需的结果。

代码示例如下:

发表声明

var mybounds = new google.maps.LatLngBounds();

然后在您创建标记的事件监听器中添加

mybounds.extend(b);

然后终于在事件监听器之外

map.fitBounds(mybounds)