Создание моей гугл-карты

Я в основном хочу создать карты, которые увеличивают до размеров, соответствующих углам SE-NW. Я перепробовал так много вариантов, но не смог заставить его работать. Мне удалось разместить два маркера на одной версии моего скрипта, но я не смог увеличить карту до размера маркеров. Мне не нужны маркеры, я просто думал нестандартно. Ниже я приведу свой рабочий сценарий, но буду признателен за любую помощь в создании fitBounds. Я усердно работал над этим в течение двух дней, но я не программист, поэтому многие решения, которые я нашел на этом веб-сайте, и другие не совсем имеют смысла, или они не решают мою конкретную проблему.

<!DOCTYPE html>
<!-- This script works, but the size of the output should be as per the SW-NE coordinates -- not the 'div style width/height', and ignoring the center:coordinates -->
<!-- This is one of several maps I am planning to create but I don't mind typing in the fitBounds coordinates by hand -->
<html>
<head>
<title>Google Road Maps</title>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
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);
}
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)
);
</script>
</head>
<body>
<div id="googleMap" style="width:600mm;height:600mm;"></div>
</body>
</html>
Источник

1 ответ

Вам нужно позвонить в Map.fitBounds с вашим fitBounds объект.

map.fitBounds(fitBounds);

доказательство концепции скрипки

фрагмент кода:

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>

Источник
Другие вопросы по тегам