Javascript 谷歌地图-如何设置缩放级别

4年多以来，我一直在尝试如何使用谷歌地图。我欣喜若狂，终于能够生成一个正确地址的地图

这是我的javascript

我现在正在努力设置缩放级别。我在下面展示的每一个地方都试过，但都不管用。在每种情况下（无论我设置为缩放级别的数字是多少），我都会得到一张特定建筑的特写地图

有人能看到我做错了什么，或者我需要做什么才能让我的地图识别我对缩放级别的要求吗？我没有在控制台中显示任何js错误

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 5
  });
  var bounds = new google.maps.LatLngBounds();
  // var opts = {
  //   zoom: 10,
  //   max_zoom: 16
  // }

  var n = addresses.length;
  for (var i = 0; i < n; i++) {
    var lat = addresses[i].latitude;
    var lng = addresses[i].longitude;
    if (lat == null || lng ==null){
      console.log(addresses[i].name + " doesn't have coordinates");
    }else {
      var address = new google.maps.Marker({
        position: {lat: parseFloat(lat), lng: parseFloat(lng)},
        title: addresses[i].name,
        map: map //,
//        zoom: 8
      });
      bounds.extend(address.position);
    }
  }
  map.fitBounds(bounds);
}

现在，我的js文件有：

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    setZoom: 5
    setCenter = addresses.first
  });
  var bounds = new google.maps.LatLngBounds();
  // var opts = {
  //   zoom: 10,
  //   max_zoom: 16
  // }

  var n = addresses.length;
  for (var i = 0; i < n; i++) {
    var lat = addresses[i].latitude;
    var lng = addresses[i].longitude;
    if (lat == null || lng ==null){
      console.log(addresses[i].name + " doesn't have coordinates");
    }else {
      var address = new google.maps.Marker({
        position: {lat: parseFloat(lat), lng: parseFloat(lng)},
        title: addresses[i].name,
        map: map //,
        // zoom: 8
      });
      // bounds.extend(address.position);
    }
  }
  // map.fitBounds(bounds);
}

我见过其他人使用angular（我不使用angular）的帖子，建议在显示地图的视图中添加另一个js文件

对于不使用角度的轨道，有人能帮助解决这个问题吗？

map.fitBounds（）方法自动调整缩放级别，以显示添加到LatLngBounds中的所有位置。如果您想自己设置缩放级别，请不要使用map.fitBounds（）而是使用map.setZoom（）方法

map.fitBounds（）方法自动调整缩放级别，以显示添加到LatLngBounds中的所有位置。如果您想自己设置缩放级别，请不要使用map.fitBounds（）而是使用map.setZoom（）方法

---

Hi-我试着对fitBounds行进行注释并添加缩放。这将停止贴图的渲染。我没有得到正确的地址，而是得到了一张海洋地图。无论我在缩放线中添加了多少个数字，它都是相同的缩放级别-所以我认为这不是解决方案。你认为我应该使用哪种缩放表达式？我的任何尝试都擅长缩放吗？这是因为在中缺少一个中心参数。中心应定义为映射选项或通过map.setCenter（）方法。我试图采纳你的建议。我想不出怎么让它工作。我已经复制了上面我的最佳尝试。你能帮我弄清楚吗。谢谢你嗨-我试着对fitBounds的线条进行注释并添加zoom。这将停止贴图的渲染。我没有得到正确的地址，而是得到了一张海洋地图。无论我在缩放线中添加了多少个数字，它都是相同的缩放级别-所以我认为这不是解决方案。你认为我应该使用哪种缩放表达式？我的任何尝试都擅长缩放吗？这是因为在中缺少一个中心参数。中心应定义为映射选项或通过map.setCenter（）方法。我试图采纳你的建议。我想不出怎么让它工作。我已经复制了上面我的最佳尝试。你能帮我弄清楚吗。非常感谢。

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    setZoom: 5
    setCenter = addresses.first
  });
  var bounds = new google.maps.LatLngBounds();
  // var opts = {
  //   zoom: 10,
  //   max_zoom: 16
  // }

  var n = addresses.length;
  for (var i = 0; i < n; i++) {
    var lat = addresses[i].latitude;
    var lng = addresses[i].longitude;
    if (lat == null || lng ==null){
      console.log(addresses[i].name + " doesn't have coordinates");
    }else {
      var address = new google.maps.Marker({
        position: {lat: parseFloat(lat), lng: parseFloat(lng)},
        title: addresses[i].name,
        map: map //,
        // zoom: 8
      });
      // bounds.extend(address.position);
    }
  }
  // map.fitBounds(bounds);
}

js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:95 Uncaught Eb {message: "initMap is not a function", name: "InvalidValueError", stack: "Error↵    at new Eb (https://maps.googleapis.com/m…3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:130:73"}message: "initMap is not a function"name: "InvalidValueError"stack: "Error↵    at new Eb (https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:41:365)↵    at Object._.Fb (https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:41:475)↵    at Lg (https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:95:420)↵    at https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:130:58↵    at Object.google.maps.Load (https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:21:5)↵    at https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:129:20↵    at https://maps.googleapis.com/maps/api/js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:130:73"__proto__: ErrorLg @ js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:95(anonymous function) @ js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:130google.maps.Load @ js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:21(anonymous function) @ js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:129(anonymous function) @ js?key=AIzaSyAleQgfNH3HRQVUCYnyAzp46xmXW7WrWrc&callback=initMap:130
kwift.CHROME.min.js:1271 Uncaught SyntaxError: Identifier 'findGoodContent' has already been declared