使我的谷歌地图fitBounds

时间:2016-11-09 09:44:58

标签: javascript google-maps fitbounds

我基本上想要创建放大到与SE-NW角相对应的尺寸的地图。我尝试了很多变化,但还没能让它发挥作用。我设法在我的脚本的一个版本上放置了两个标记,但是无法使地图放大到标记的大小。我不需要标记,我只是在盒子外面思考。我将在下面包含我的工作脚本,但感谢任何帮助使fitBounds工作。我已经坚持了两天,但我不是一个程序员,我在这个网站上找到了很多解决方案而其他人没有意义,或者他们没有解决我的确切问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="demo"></table>

1 个答案:

答案 0 :(得分:0)

您需要使用fitBounds对象致电Map.fitBounds

map.fitBounds(fitBounds);

proof of concept fiddle

代码段

function initialize() {
  var mapProp = {
    center: new google.maps.LatLng(56.3, 4.3),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    disableDefaultUI: true,
    scaleControl: true
  };
  var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
  map.fitBounds(fitBounds);
}
google.maps.event.addDomListener(window, 'load', initialize);
var fitBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(53.3, -0.7),
  new google.maps.LatLng(59.3, 9.3)
);
html,
body,
#googleMap {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="googleMap"></div>