現在htmlにはhead内に
<script type="text/javascript"src="http://maps.googleapis.com/maps/api/js?key=12345 …
<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ベストアンサー
- 回答日時:
そのままMapOptionsで指定すれば、maxZoom、minZoomともに動作しているように思いますが・・・?
https://developers.google.com/maps/documentation …
何か特殊な環境でテストなさってますか?
>mapType.maxZoom = 19; mapType.minZoom = 2;のようなものを記入しても何も変化しません。
mapTypeってご提示のコードにはないけれど…??
ご提示のコードで言えば、optsがMapOptionsに該当するはずです。
fujillin様
回答有難うございました。
記述位置が違っていました。
var opts = {
zoom: 16,
center: latlng,
の後に記述したら制限が出来ました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Google Maps Google Maps にお店の名前を表示する方法は? 2 2022/12/26 16:21
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- Google Maps 沖縄の宮古島と橋でつながる来間島のGoogleストリートビューに写る飛行物体・・・これは何ですか? 2 2022/04/13 18:17
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- Google Maps iOS でのgoogle map の地図を写真で表示する方法を教えて下さい。 Windows でgo 2 2023/06/02 09:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで文字列の特定文字...
-
翌月を取得するGASが分かりません
-
C#OpenCv V4にのエラーに関する...
-
var exports = exports || {}; ...
-
GAS アンケート回答後の自動返...
-
アルファベットABCD…をスマート...
-
setTimeoutによる繰り返しが途...
-
google apps scriptの終了のさせ方
-
google map apiで下記のhtmlが...
-
googleスプレッドシートのApps ...
-
今日からnヶ月後(前)
-
ボタンを押すことでテキストエ...
-
引数なしの関数で疑問です
-
javascriptで複数キーワード検...
-
GASでGoogleフォームの自動返信...
-
なぜmatchメソッドがエラーにな...
-
ASP.NETのコントロールの値をJa...
-
javascript修正依頼
-
第3日曜日のみの日付を取得、...
-
Javascriptで指定した位置の文...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
メールフォームの日付入力フォ...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
GASでGoogleフォームの自動返信...
-
なぜmatchメソッドがエラーにな...
-
翌月を取得するGASが分かりません
-
ローカルにあるファイルを検索...
-
HTMLで作った時報アプリが動き...
-
ASP.NETのコントロールの値をJa...
-
C# 演算 奇数と偶数 表現の仕方
-
html javascript リンク先アド...
-
gas スプレッドシートがアクテ...
-
javascriptでテーブルに追加し...
-
VSCODE[Python]の設定について
-
JavaScriptで決まった「時刻」...
-
ASP.NET MVCでObjectをjsに渡す
-
イベントが初めの一回しか起き...
-
jqGridについて
おすすめ情報