Google Maps V3のズームの規制
現在htmlにはhead内に
<script type="text/javascript"src="http://maps.googleapis.com/maps/api/js?key=123456&sensor=false"></script>
<script language="JavaScript" type="text/javascript" src="v3.js"></script>
v3スクリプト内に
//functionコード
function mapload() {
var latlng = new google.maps.LatLng(123,456);
var opts = {
zoom: 16,
center: latlng,
//マップタイプHYBRID（航空写真＋地図）ROADMAP（地図）SATELLITE（航空写真）TERRAIN（地形）
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
mapTypeId: [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.TERRAIN
]
}
};
//IDコード
var map = new google.maps.Map
(document.getElementById("map"),opts);
//Marker
var LatLng = new google.maps.LatLng(123,456);
var contentString = 'ここです！';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var image = new google.maps.MarkerImage
('アイコンURL',
new google.maps.Size(30, 30),
new google.maps.Point(0,0),
new google.maps.Point(15, 20));
var shadow = new google.maps.MarkerImage
('アイコン影画像URL',
new google.maps.Size(30, 30),
new google.maps.Point(0,0),
new google.maps.Point(15, 20));
var marker = new google.maps.Marker({
position: LatLng,
map: map,
title: "ここです！",icon: image,shadow: shadow
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
と記載し、html内のスクリプトのとこに表示しています。
表示される地図のズームを規制したいと考え、mapType.maxZoom = 19; mapType.minZoom = 2;のようなものを記入しても何も変化しません。
上記スクリプトの表記のどこに何を入れれば規制できるのでしょうか。
追伸、google.maps.MapTypeId.TERRAINと地図と地形のみ表示指定しているのですが、実際は、地図と航空地図になります。
お礼
回答ありがとうございます 上のヒントを参考にしていろいろ工夫してみたらできました！ 今回は本当にありがとうございました