如果只有1个标记，则Google地图会设置缩放

Question

I have a script that gets map markers from an object and then fits the markers to the bounds. This works fin except that when the object only contains 1 marker it zooms in way to far. Any suggestions on how I can set this so that if there is only on marker to set zoom to "x";

var results = [
      ['<!-- TMPL_VAR street_no --> <!-- TMPL_VAR street --> <!-- TMPL_VAR city -->, <!-- TMPL_VAR state --> <!-- TMPL_VAR zip -->',<!-- TMPL_VAR latitude -->,<!-- TMPL_VAR longitude -->]
  ];
var map;
function initMap() {
  bounds  = new google.maps.LatLngBounds();
  map = new google.maps.Map(document.getElementById('map-canvas'), {
  });
  setMarkers(map);
}
function setMarkers(map) {
  var bounds = new google.maps.LatLngBounds();
  for (var i = 0; i < results.length; i++) {
    result = results[i];
    position = new google.maps.LatLng(result[1], result[2]);
    marker = new google.maps.Marker({
      position: {lat: result[1], lng: result[2]},
      map: map,
      title: result[0]
    });
    bounds.extend(position)
  }
  map.fitBounds(bounds);
}

Answer 1

Your .fitBound is preventing the bound you can try this by checking it with marker length and change code as

if(results.length == 1) {    
      map.setZoom(5);
      map.setCenter(position)
   }



if(results.length > 1){
    map.fitBounds(bounds);
  }

So now in case of one marker map center and zoom is set instead of bounds while in case of multiple marker bounds are used ignoring the zoom and center

See this CODEPEN