如何设置地图的缩放以便可以完全看到我的路线？ （here.com api）

Question

我正在使用here.com api制作应用程序，我需要自动调整地图的缩放比例，以便在加载时显示的路线完全可见？ 基本上，我希望所有折线都在起始框架的边界内。因为如果我的路线太长，它们的一部分就会隐藏在框架之外。

Answer 1

您可以在JavaScript API Explorer

中的developer.here.com上找到该功能的示例

function addRouteShapeToMap(route){
  var strip = new H.geo.Strip(),
    routeShape = route.shape,
    polyline;

  routeShape.forEach(function(point) {
    var parts = point.split(',');
    strip.pushLatLngAlt(parts[0], parts[1]);
  });

  polyline = new H.map.Polyline(strip, {
    style: {
      lineWidth: 4,
      strokeColor: 'rgba(0, 128, 255, 0.7)'
    }
  });
  // Add the polyline to the map
  map.addObject(polyline);
  // And zoom to its bounding rectangle
  map.setViewBounds(polyline.getBounds(), true);
}

重要的一位是行map.setViewBounds() - 方法，传入polyline.getBounds()。如果您有多个polyline，请将其添加到H.map.Group对象，然后使用该群组的getBounds() method。