Javascript APIからGoogleマップを学習しようとしています。 LatLngを地図にプロットしようとすると、無限に複数の世界地図が表示されます。Googleマップで世界地図を表示するにはどうすればよいですか?
マップを1つだけ表示するにはどうすればよいですか?
Javascript APIからGoogleマップを学習しようとしています。 LatLngを地図にプロットしようとすると、無限に複数の世界地図が表示されます。Googleマップで世界地図を表示するにはどうすればよいですか?
マップを1つだけ表示するにはどうすればよいですか?
私はあなたがこのような何かを持っていると仮定しています:
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
はzoom
フィールドに注目してください。あなたがそれを持っていない場合は、それを追加して2のようなものに設定してください。もしあなたがそれを持っていれば、あなたがそれに満足するまで、それを1だけ増やし続けてください。
マップを表示する例を示す次のコードを試してください。 (<script src="https://maps.googleapis.com/maps/api/js?key=**********"></script>
でキーを更新して を確認してください)
<!DOCTYPE html>
<html>
<body>
<h1> Google Map</h1>
<div id="map" style="width:300px;height:300px></div>
<br>
<script>
function myMap() {
var mapOptions = {
center: new google.maps.LatLng(39.1676870, -86.5354682),
zoom: 10,
mapTypeId: google.maps.MapTypeId.HYBRID
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=**************"></script>
</body>
</html>
ズームレベルを調整します –