Google Maps API V3の地図を中心にズームする

Question

Googleマップを初めて使用していて、ズーム機能を制限して地図の中心を除いてズームしないようにする方法を見つけようとしていますマウスポイントにズームします。基本的には、マウスポインタがマップ上にある場所をズームするのではなく、マウスポインタがマップ上にある場合でも、返されるマップの中心にズームします。私はこれが現時点で可能かどうかは分からず、助けていただければ幸いです。

<script type="text/javascript"> 
     function initialize() { 
     var latlng = new google.maps.LatLng(51.285583, 1.091045); 
     var myOptions = { 
     zoom: 15, 
     center: latlng, 
     scrollwheel: true, 
     navigationControl: false, 
     mapTypeControl: false, 
     scaleControl: false, 
     draggable: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 

     var marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(51.285826, 1.089973), 
      map: map, 
      title: 'Run of The Mill', 
      clickable: true 
      }); 
     } 
    </script> 

Answer 1

いくつかのズームタイプがあります：ズームコントロールを使用して

• - スクロールホイールを使用してマップ
• の中央にズーム - あなたは
を訴えるように、マウスポインタにズーム
• ダブルクリックを使用 - まずマウスポインタの下に配置してズームします。

最初のズームタイプのみを使用する場合は、disableDoubleClickZoomとスクロールマップオプションをfalseに設定して、他の2つのズームタイプを無効にすることができます。

さらに、dblclickマップイベント（スクロールホイールイベントはそれほど簡単ではありませんが、方法はhow to handle the scroll wheel in javascriptもあります）を処理する可能性があります。このハンドラでは、map.setZoom()を使用してマップスケールを変更します。マップセンターは同じままです。かなり簡単。

Answer 2

あなたのコードでわかるように、上で宣言したlatlng変数をズームしています。それは正しいです。 myOptions変数が新しいマップ宣言に渡されます。したがって、英国のCaterbury Kentである51.285583、1.091045を中心にする必要があります。

これはマウスが動作している場所であれば、これで問題が解決しない場合は、Googleの例の例をコピーし、最初のデモに不要な部分を削除することをおすすめします。

http://code.google.com/apis/maps/documentation/javascript/examples/index.html

Answer 3

ズームの変更でマップを再センタリングすることでこれを処理します。これにより、ダブルクリックとスクロールホイールで期待される機能が維持されます。

google.maps.event.addListener(map,'zoom_changed',function() { 
    map.setCenter(new google.maps.LatLng(47.61388802057299,-122.31870898147581)); 
})