我们可以创建具有两个位置地址的地图,而无需地图中心

时间:2013-12-12 09:33:05

标签: google-maps

我需要创建一个Google地图,其中包含我要在Google地图上显示的路线的两个地址。我没有中心。 Google Map是否根据这两个地址计算中心,或者必须指定一个中心?

2 个答案:

答案 0 :(得分:0)

初始化地图时,您可以使用任何虚拟位置。如果你知道这两点的坐标,你可以使用LatLngBounds来确保两个点都显示在地图上。

var bounds = new google.maps.LatLngBounds(); 
bounds.extend(latlng1);
bounds.extend(latlng2);
map.fitBounds(bounds);  

此代码获取两个点并确保Google地图视口在显示时包含这两个点。因此,您无需计算中心。

答案 1 :(得分:0)

如果您使用Gooogle Maps Javascript API v3 directions service,则会将地图居中,以默认显示整个路线。

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

    function initialize() {
      directionsDisplay = new google.maps.DirectionsRenderer();
      var mapOptions = {};
      map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
      directionsDisplay.setMap(map);
      calcRoute();
    }

    function calcRoute() {
      var start = 'Chicago, IL';
      var end = 'St Louis, MO';
      var request = {
          origin:start,
          destination:end,
          travelMode: google.maps.TravelMode.DRIVING
      };
      directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(response);
        }
      });
    }

    google.maps.event.addDomListener(window, 'load', initialize);

working example