Как повторно центрировать карту с помощью jquery-ui-map

Использование jquery-ui-map.

Я загружаю данные через JSON с некоторым маркером и широтой/долготой нового центра карты (приложение для поиска местоположения).

var origin = new google.maps.LatLng(data.origin.latitude, data.origin.longitude)

// adding the marker for the new origin works
$('#map_canvas').gmap('addMarker', {'position': origin});

// does not work
$('#map_canvas').gmap('center', '49, 7');

// does not work
$('#map_canvas').gmap('center', origin);

// does not work
$('#map_canvas').gmap('center', {'position': origin});

Все три вызова центра терпят неудачу:

Uncaught TypeError: Cannot call method 'apply' of undefined
$.a.$.fn.(anonymous function)jquery.ui.map.js:46
b.extend.eachjquery.js:35
b.fn.b.eachjquery.js:28
$.a.$.fn.(anonymous function)jquery.ui.map.js:40
(anonymous function)@@geosearch:477
c.extend.handleSuccessjquery.js:144
c.extend.ajax.w.onreadystatechange

Какой здесь канонический путь?


google-maps javascript jquery jquery-ui-map
person Andreas Jung    schedule 05.03.2012    source источник

Ответы (4)


arrow_upward
6
arrow_downward

Использовать это:

$('#map_canvas').gmap('get','map').setOptions({'center':origin});

См. также эту ссылку: http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions

person Engineer    schedule 05.03.2012

arrow_upward
4
arrow_downward

Есть два способа: либо получить карту, либо использовать собственный сеттер:

var map = $("#map_canvas").gmap("get", "map");
map.setCenter(origin);

Или вы используете установщик параметров плагина

$("#map_canvas").gmap("option", "center", origin);
person johansalllarsson    schedule 05.03.2012
comment
хороший момент о доступе var map = $("#map_canvas").gmap("get", "map");, тогда у вас есть доступ ко всем методам, которые предоставляет API Карт Google! - person andilabs; 26.02.2015

arrow_upward
1
arrow_downward

с panTo вы можете повторно центрировать карту

jQuery('#map_canvas').gmap.panTo(new google.maps.LatLng('0.00','0.00'));
person Roberto    schedule 12.06.2013

arrow_upward
0
arrow_downward

вы должны использовать 'option' перед центрированием позиции...

... как пример ниже (я использовал событие нажатия кнопки и некоторые другие варианты):

$("#button").click( function(){
var latLng = new google.maps.LatLng(data.origin.latitude, data.origin.longitude);
$('#map_canvas').gmap('option', 'center', latLng);
$('#map_canvas').gmap('option', 'zoom', 7);     
$('#map_canvas').gmap('addMarker', {position: latLng,bounds: false});   
});

надеюсь помочь вам.

person ilConfa    schedule 20.04.2013