Я нашел несколько примеров V2 того, как панорамировать карту, в то время как маркер перетаскивается. Например: http://www.putyourlightson.net/projects/coordinates
// create map and add controls
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
// set centre point of map
var centrePoint = new GLatLng('53.34870686020199', '-6.267356872558594');
map.setCenter(centrePoint, 14);
// add a draggable marker
var marker = new GMarker(centrePoint, {draggable: true});
map.addOverlay(marker);
// add a drag listener to the map
GEvent.addListener(marker, "dragend", function() {
var point = marker.getPoint();
map.panTo(point);
document.getElementById("latitude").value = point.lat();
document.getElementById("longitude").value = point.lng();
});
Эта страница, кажется, "автопанорамирует", в то время как маркер перетаскивается; обратите внимание, что его единственный слушатель события для "dragend". Но я уверяю Вас, что та карта панорамирует, в то время как маркер перетаскивается.
Я пытаюсь достигнуть того же самого с V3 API без любого успеха. Я даже пытался назвать map.panTo (), в то время как значок перетаскивается с неудовлетворяющими результатами: http://www.publicgloucester.com/test.html
function initialize ()
{
Gloucester = new google.maps.LatLng (42.6159285, -70.6619888);
myOptions =
{
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: Gloucester,
streetViewControl: false
}
map = new google.maps.Map (document.getElementById ("map_canvas"), myOptions);
marker = new google.maps.Marker ({position: Gloucester, title: "Gloucester, MA"});
marker.setMap (map);
marker.setDraggable (true);
google.maps.event.addListener (marker, 'drag', function (event)
{
// Pan to this position (doesn't work!)
map.panTo (marker.getPosition());
});
}
Это имеет смысл мне, что это не работало бы, начиная с панорамирования для размещения маркера в центр карты, в то время как карта перемещается, является поддельным.
Действительно ли это столь же просто как V2 API, делающий это автоматически, в то время как V3 API не делает? Как я могу достигнуть этого эффекта с V3 API?
Спасибо.
используйте dragend вместо drag. код будет,
google.maps.event.addListener(marker, "dragend", function(event) {
var point = marker.getPosition();
map.panTo(point);
});