0

基本的にはSE-NWコーナーに相当する大きさに拡大した地図を作りたいと思っています。非常に多くのバリエーションを試しましたが、機能させることができませんでした。スクリプトの 1 つのバージョンに 2 つのマーカーを配置することはできましたが、マップをマーカーのサイズにズームインすることはできませんでした。マーカーは必要ありません。枠にとらわれずに考えただけです。以下に私のような作業スクリプトを含めますが、fitBounds を機能させるための助けをいただければ幸いです。私はこれに 2 日間しっかりと取り組んできましたが、私はプログラマーではないので、この Web サイトや他のサイトで見つけた解決策の多くは意味をなさないか、正確な問題に対処していません。

<!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>
4

1 に答える 1

0

オブジェクトで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>

于 2016-11-09T14:12:41.863 に答える