Как использовать KeyDragZoom с GMAP3?

Question

документация показывает - http://google-maps-utility-library-v3.googlecode.com/svn/tags/keydragzoom/1.0/docs/examples.html

 function init(){ 
     var myOptions = { 
     zoom: 13, 
     center: new google.maps.LatLng(49.2903, -123.1294), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map"), myOptions); 
     map.enableKeyDragZoom({ 
      boxStyle: { 
       border: "thick dashed black", 
       backgroundColor: "red", 
       opacity: 0.5 
      }, 
      paneStyle: { 
       backgroundColor: "gray", 
       opacity: 0.2 
      } 
     }); 
    } 

а потому, что я использую gmap3 им не уверен, как реализовать? вот мой код инициализации карты

 $('#dispatcher').gmap3(
     {action: 'init', 
     options:{ 
      center:[53.9783997, -1.5666347], 
      zoom:6, 
      mapTypeId: google.maps.MapTypeId.MAP, 
      mapTypeControl: true, 
      mapTypeControlOptions: { 
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
      }, 
      navigationControl: true, 
      scrollwheel: true, 
      streetViewControl: true 
     } 
     } 

какие-либо идеи? Приветствия

Answer 1

Попробуйте это:

$('#dispatcher').gmap3({action:'get'}).enableKeyDragZoom({ 
      boxStyle: { 
       border: "thick dashed black", 
       backgroundColor: "red", 
       opacity: 0.5 
      }, 
      paneStyle: { 
       backgroundColor: "gray", 
       opacity: 0.2 
      } 
     }); 

.gmap3({action:'get'}) возвращает google.maps.Map объект. Таким образом, вы можете выполнять любые действия на нем, что google.maps.Map объект может сделать, включая enableKeyDragZoom действий.

Answer 2

да, или вы можете также использовать функцию обратного вызова из «INIT» Wich включают карту:

callback: function(map){ 
     map.enableKeyDragZoom({ 
     boxStyle: { 
      border: "thick dashed black", 
      backgroundColor: "red", 
      opacity: 0.5 
     }, 
     paneStyle: { 
      backgroundColor: "gray", 
      opacity: 0.2 
       } 
     }); 
    }