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と地図と地形のみ表示指定しているのですが、実際は、地図と航空地図になります。

回答No.1

fujillin · ベストアンサー

そのままMapOptionsで指定すれば、maxZoom、minZoomともに動作しているように思いますが・・・？

https://developers.google.com/maps/documentation/javascript/reference?hl=ja#MapOptions

何か特殊な環境でテストなさってますか？

＞mapType.maxZoom = 19; mapType.minZoom = 2;のようなものを記入しても何も変化しません。
mapTypeってご提示のコードにはないけれど…？？
ご提示のコードで言えば、optsがMapOptionsに該当するはずです。

お礼

fujillin様

回答有難うございました。

記述位置が違っていました。

var opts = {
zoom: 16,
center: latlng,
の後に記述したら制限が出来ました。