google map api を使って、webサイト内に地図を配置しようと考えております。

Question

ふぃふぃ

15

0もっと見る

ウェブ制作

google map api を使って、webサイト内に地図を配置しようと考えております。

その際、使用者が地図を操作?(ズームや移動)できないようにするにはどうしたよいのか悩んでおります。
このような自分で検索することすらままならない素人ですが、なにかヒントでもいただけると幸いです。
どなたかご教授のほどどうかよろしくお願いいたします。

回答の条件

1人5回まで

登録：2014/04/29 14:46:48
終了：2014/05/01 17:15:14

No.2

Lhankor_Mhy8142322014/04/29 15:20:49

　こんな感じですね。

function initialize() {
  var mapDiv = document.getElementById('map-canvas');
  var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(37.4419, -122.1419),
    draggable: false,
    disableDefaultUI: true,
    zoom: 13,
    maxZoom: 13,
    minZoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
}

　
↓サンプル
http://savedbythegoog.appspot.com/?id=5064845de4d2c0de67ad0ba359dac1aba2e6297f

　コメントを見て、↓こっちを使った方がいい気がしてきました。
Static Maps API V2 デベロッパーガイド - Google Maps Image API — Google Developers

2014/04/29 15:22:09

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

なむうぉんす · Accepted Answer · 2014-04-29T15:02:28+09:00

https://developers.google.com/maps/documentation/javascript/controls?hl=ja#DisablingDefaults

API のデフォルトの UI 設定をオフにする場合は、Map の disableDefaultUI プロパティ（Map options オブジェクト内）を true に設定します。このプロパティは、Google Maps API のすべての自動の UI 動作を無効にします。

もう少し細かくコントロールするなら、

panControl: 移動コントロールの有効/無効を設定します。このコントロールは、デフォルトでは地図の左上隅に表示されます。さらに、panControlOptions フィールドはこのコントロールで使用する PanControlOptions を指定します。
zoomControl: ズームコントロールの有効/無効を設定します。このコントロールは、デフォルトでは地図の左上隅に表示されます。さらに、zoomControlOptions フィールドはこのコントロールで使用する ZoomControlOptions を指定します。
scaleControl: シンプルな地図縮尺を表示するスケールコントロールの有効/無効を設定します。このコントロールは、デフォルトでは表示されません。有効にすると、地図の左下隅に表示されます。さらに、scaleControlOptions はこのコントロールで使用する ScaleControlOptions を指定します。

等のオプションがあります。組み合わせてお使いください。
　あと、イベントリスナーでの無理矢理な対応として以下が上げられます。

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

まず、google.maps.event.clearListeners(map,"click")関数でマップへのクリックを止めます。
同様にgoogle.maps.event.clearListeners(map, "zoom_changed")関数でマップのズームを止めます。

※mapはgoogle.maps.Mapクラスのインスタンスです。

なむうぉんす · Accepted Answer · 2014-04-29T15:02:28+09:00

https://developers.google.com/maps/documentation/javascript/controls?hl=ja#DisablingDefaults

API のデフォルトの UI 設定をオフにする場合は、Map の disableDefaultUI プロパティ（Map options オブジェクト内）を true に設定します。このプロパティは、Google Maps API のすべての自動の UI 動作を無効にします。

もう少し細かくコントロールするなら、

panControl: 移動コントロールの有効/無効を設定します。このコントロールは、デフォルトでは地図の左上隅に表示されます。さらに、panControlOptions フィールドはこのコントロールで使用する PanControlOptions を指定します。
zoomControl: ズームコントロールの有効/無効を設定します。このコントロールは、デフォルトでは地図の左上隅に表示されます。さらに、zoomControlOptions フィールドはこのコントロールで使用する ZoomControlOptions を指定します。
scaleControl: シンプルな地図縮尺を表示するスケールコントロールの有効/無効を設定します。このコントロールは、デフォルトでは表示されません。有効にすると、地図の左下隅に表示されます。さらに、scaleControlOptions はこのコントロールで使用する ScaleControlOptions を指定します。

等のオプションがあります。組み合わせてお使いください。
　あと、イベントリスナーでの無理矢理な対応として以下が上げられます。

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

まず、google.maps.event.clearListeners(map,"click")関数でマップへのクリックを止めます。
同様にgoogle.maps.event.clearListeners(map, "zoom_changed")関数でマップのズームを止めます。

※mapはgoogle.maps.Mapクラスのインスタンスです。

google map api を使って、webサイト内に地図を配置しようと考えております。

ベストアンサー

なむうぉんす14821332014/04/29 15:02:28

その他の回答（1件）

なむうぉんす14821332014/04/29 15:02:28ここでベストアンサー

Lhankor_Mhy8142322014/04/29 15:20:49

コメント（0件)

この質問への反応（ブックマークコメント）