2013-07-18 3 views
0

Я пытаюсь создать кнопку на JQuery Ui карте, когда пользователь нажимает на кнопку карта должна PANTO (или в центре) на месте пользователейJQuery UI Map Control Нажмите

У меня есть следующий контроль

<div id="userLocate" style="margin:15px 15px 15px 20px;padding:5px 5px 5px 10px;"><img src="img/locate.png"></div> 

и это JS

 $('#map_canvas').gmap().bind('init', function() { 

      //Set click event on userLocationControl 
      $('#userLocate').click(function(event) { 
       var lat = newPoint.lat(); 
       var lng = newPoint.lng(); 
       var np = new google.maps.LatLng(lat, lng); 
       console.log("lat: " + lat + " lng: "+ lng); 
       $('#map_canvas').gmap('get', 'map').panTo(np); 
       console.log("lat: " + np.lat() + " lng: "+ np.lng()); 
       $('#map_canvas').gmap('option', 'zoom', 15); 
      }); 
      //Add userLocationControl 
      $('#map_canvas').gmap('addControl', 'userLocate', google.maps.ControlPosition.RIGHT_BOTTOM);  
     }); 

При нажатии на кнопку можно увидеть записи в журнале правильную широту и долготу до и после вызова метода пантомима, однако карта Бейн g, предназначенное для размещения 0,0. Я попытался с помощью метода setCenter и иметь тот же результат

Если вызов метода вне функции мыши и отправить его в переменную newPoint (которая является объектом LatLng) все работает отлично

ответ

0

Наконец сделал это, я должен был добавить возврат; заявление, бьет меня ... но он работает

Смежные вопросы