Простите, может голова замылилась и не вижу очевидного...
пишу var coords = e.get('coords'), говорит, что undefined. По всякому пытался, ничего не получилось. В документации вычитал, что для события drag есть pixelOffset. Это работает, но не понимаю как связать пиксели с координатами? Я хочу чтобы пользователь мог подвинуть точку, если он промахнулся, когда её ставил, и получить координаты окончательной позиции точки.
Хотел бы добавить 2 драггера к карте, на основе примера - https://tech.yandex.ru/maps/jsbox/2.1/dragger.
Но не знаю как это сделать?
Один добавляется и работает нормально.
Здравствуйте, как определить координаты центра круга при перемещении?
circle = new ymaps.Circle([[55.43, 37.7], 10000], null, { draggable: true });
circle.events.add('dragend', function () {
????????????
});
Не могу отследить событие перемещение карты, при перетаскивание курсором мыши. Может кто сталкивался? Версия 2.x
Здравствуйте
Есть ли где-нибудь пример как можно совместить jquery ui droppable и яндекс карты? В общем-то задача стоит в перетаскивании на карту элементов, только в песочнице пример не совсем подходит. Смысл в том что у меня есть список (например <ul>) из строк, перетаскивая строку на карту нужно на карте создавать placemark (а сама строчка в списке остается естественно).
С jquery ui все drag&drop операции делаются просто, но я не понимаю как можно связать их с яндекс картами. Т.е. как отловить момент когда я делаю drop на карту и желательно при этом поставить placemark туда где был drop.
Использую апи 2.1
Спасибо заранее
вот пример:
http://dev2.martdev.ru/test.htm
вот видео
http://www.youtube.com/watch?v=DrEmbK3ioBM
При загрузке устанавливается метка со свойством draggable по центру карты, если подвигать карту ничего необычного не происходит
Если переместить метку на некоторое расстояние, а после этого подвигать карту - метка исчезает за какими-то невидимыми границами. Подскажите, как избежать этого?
Доброго времени суток. Я новичок в использовании API. Я втроил кару и решил запретить её перемещение. Прочитал, что для этого нам необходимо применить метод disableDragging();. Только возникает вопрос как?)
ymaps.ready(init);
var myMap;
function init(){
myMap = new ymaps.Map ("map_uch_forestry", {
center: [54.91438, 37.41392],
zoom: 10,
controls: []
});
myMap.disableDragging();
Так не работает.
Спасибо за помощь).
Здравствуйте.
Использую на сайте код для поиска по адресу на карте объектов.
Имея адрес создаю метку:
map.removeOverlay(geoResult);
// Запуск процесса геокодирования
var geocoder = new YMaps.Geocoder(value, {results: 1, boundedBy: map.getBounds()});
// Создание обработчика для успешного завершения геокодирования
YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
// Если объект был найден, то добавляем его на карту
// и центрируем карту по области обзора найденного объекта
if (this.length()) {
map.removeOverlay(geoResult);
geoResult = this.get(0),{draggable: true};
map.addOverlay(geoResult);
map.setBounds(geoResult.getBounds());
value содержит адрес, допустим Москва.
Карта переходит на координаты и ставит метку, но хтелось бы понять как сделать чтобы метку можно было перетаскивать потом.
Как я понял создаётся объект geoResult = this.get(0);
В нём хранятся настройки метки, приписал {draggable: true}, но ничего не получилось, даже ошибку не пишет и не работает перетаскивание.
Как можно решить данную проблему?
Добрый день!
На карте делаю метку с возможностью ее перемещения по карте:
var myPlacemark = new ymaps.Placemark([t[1], t[0]],
{iconContent: 1},
{draggable: true});
myMap.geoObjects.add(myPlacemark);
Подскажите, пожалуйста, мне нужно по событию окончания перемещения метки на новое место узнать новые координаты. Как это можно сделать? Заранее спасибо!
Подскажите пожалуйста, как мне узнать координаты объекта, само событие работает после перетаскивания метки, но вот определить ее координаты я не могу. как это сделать?
Здравствуйте! Пробовал поменять стиль placemark через templateLayoutFactory, объект поворачивается курсором нормально, но после того как включаешь draggable - перестаёт. Да и неправильное решение какое-то.
Есть ли какой-то более правильный способ? Например использовать часть функционала панорам.
Добрый день, сталкнулся с такой проблемой.
Мне понадобилось что-бы при расчёте стоимости от точки "А" до точки "Б" можно было перемещать обе точки + геопозиционирование.
С геопозиционированием я разобрался а вот с перемещением точки "Б" всё никак
function init() {
var geolocation = ymaps.geolocation,
// координаты
coords = [geolocation.latitude, geolocation.longitude],
myMap = new ymaps.Map('map', {
center: coords,
zoom: 5
}, {
minZoom: 4,
maxZoom: 10
});
myMap.controls
// Кнопка изменения масштаба.
.add('zoomControl', {
left: 5,
top: 50
})
search = new ymaps.control.SearchControl({
useMapBounds: true,
noCentering: true,
noPlacemark: true
}),
calculator = new DeliveryCalculator(myMap, myMap.getCenter());
myMap.controls.add(search, {
left: 5,
top: 5
});
search.events.add('resultselect', function (e) {
var results = search.getResultsArray(),
selected = e.get('resultIndex'),
point = results[selected].geometry.getCoordinates();
calculator.setStartPoint(point);
});
}
function DeliveryCalculator(map, finish) {
this._map = map;
this._start = null;
this._finish = new ymaps.Placemark(finish, {
iconContent: 'Б'
});
this._route = null;
map.events.add('click', this._onClick, this);
map.geoObjects.add(this._finish);
}
var ptp = DeliveryCalculator.prototype;
ptp._onClick = function (e) {
this.setStartPoint(e.get('coordPosition'));
};
ptp._onDragEnd = function (e) {
var target = e.get('target');
this.setStartPoint(target
}
ptp.getDirections = function () {
var self = this,
start = this._start.geometry.getCoordinates(),
finish = this._finish.geometry.getCoordinates();
if(this._route) {
this._map.geoObjects.remove(this._route);
}
ymaps.geocode(start, {
results: 1
})
.then(function (geocode) {
var address = geocode.geoObjects.get(0) &&
geocode.geoObjects.get(0)
ymaps.route([start, finish])
.then(function (router) {
var distance = Math.round(router.getLength() / 1000),
message = 'Расстояние: ' + distance + 'км.
' +
'Стоимость доставки: %sр.';
self._route = router.getPaths();
self._route.options.set({
strokeWidth: 5,
strokeColor: '0000ffff',
opacity: 0.5
});
self._map.geoObjects.add(self._route);
self._start.properties.set('balloonContentBody', address + message.replace('%s', self.calculate(distance)));
self._start.balloon.open();
});
});
};
ptp.setStartPoint = function (position) {
if(this._start) {
this._start.geometry.setCoordinates(position);
}
else {
this._start = new ymaps.Placemark(position, {
iconContent: 'А'
}, {
draggable: true
});
this._start.events.add('dragend', this._onDragEnd, this);
this._map.geoObjects.add(this._start);
}
this.getDirections();
};
ptp.calculate = function (len) {
// Константы.
var DELIVERY_TARIF = 25,
MINIMUM_COST = 500;
return Math.max(len * DELIVERY_TARIF, MINIMUM_COST);
};
ymaps.ready(init);
Добрый день.
Существует ли способ однозначно определить событие начала перетаскивания карты мышкой по типу dragstart для геообъектов?
Из документации удалось соорудить следующее:
но, по-моему, это фейспалм =)
Подскажите, пожалуйста, более оптимальный способ. Спасибо!
var parCentr = myMap = new ymaps.Map('map_admin', {center: [parseFloat(parCentr[0]),
myMap.controls.add('rulerControl', { position: {bottom: '10px', right: '10px'} }),
coords = [parseFloat(parMet[0]),parseFloat(parMet[1])],
myPlacemark = new ymaps.Placemark(coords, { balloonContent: resEd.street }, {preset: chUrl[1]+'#icon',draggable: true});
myMap.geoObjects.add(myPlacemark);
//Отслеживаем событие перемещения метки
myPlacemark.events.add('dragend', function (e) {
coords = this.geometry.getCoordina
savecoordinats();
}, myPlacemark);
//Отслеживаем событие щелчка по карте
myMap.events.add('click', function (e) {
coords = e.get('coords'); console.dir(coords);
savecoordinats();
});
//Ослеживаем событие изменения области просмотра карты - масштаб и центр карты
myMap.events.add('boundschange', function (event) {
if (event.get('newZoom') != event.get('oldZoom')) {
savecoordinats();
}
if (event.get('newCenter') != event.get('oldCenter')) {
savecoordinats();
}
});
//Функция для передачи полученных значений в форму
function savecoordinats (){
var latlongmet_ch = [coords[0].toFixed(6),coords[1].toFixed(6)];
myPlacemark.getOverlay().
$('#latlongmet').val(latlongmet_ch);
$('#mapzoom').val(myMap.getZoom());
var center = myMap.getCenter();
var new_center = [center[0].toFixed(6), center[1].toFixed(6)];
$('#latlongcenter').val(new_center);
}
Выдает ошибку в myPlacemark.getOverlay().
Мол: Object has not method getData!
Написал простой пример, который выявляет следующее поведение:
1. Перетащите метку мышью.
2. Приблизьте метку колесиком мыши.
3. При определенном масштабе приближения метка исчезает. Почему?
Если же Вы не будете перетаскивать мышью, а сразу приблизитесь, то метка никуда не исчезнет.
Доброй ночи! Прошу простить меня за нецинзурщину, но какой , с*ка, наркоман делал документацию?!(и подтверждением моей позиции будет количество тем-вопросов в клубе)
Блин, я признаю что я далеко не хороший программист, и у меня не совсем хорошо с ООП, тем более в JS, но то с чем я столкнулся это поистине издевательство над разработчиками, особенно начинающими! Ребят ну что вы делаете?! Я понимаю и безоговорочно соглашаюсь что в Яндексе работают супермега крутые девелоперы, но это не повод делать из "справки" пособоие для гиков!
Теперь по делу без эмоций, я хочу реализовать банальную задачу, - недвижимость на карте. Всё просто, казалось бы, пользователь подвинул карту, я с помощью события некого! получил координаты с помощью некой функции(за 3 часа выясни что это getBounds() ) получаю координаты видимой области и подгружаю с сервера все объекты на карту аяксом.
Теперь вопрос, опишите мне мою логику, которой я должен был руководствоваться, чтобы найти это самое событие при перетаскивании карты, чтобы хотя бы вывести console.log(myMap.getBounds()) начиная с этой страницы http://api.yandex.ru/maps
Здравствуйте!
В версии 2.1 после повторной смены опции draggable у метки, она перестает перетаскиваться?
Что происходит:
1) Метка выводится с опцией draggable = false. Метка не перетаскивается. Все ОК!
2) Нажимаем на метку. Опция draggable = true. Метка перасивается. Все ОК!
3) Нажимаем на метку. Опция draggable = false. Метка не перасивается. Все ОК!
4) Нажимаем на метку. Опция draggable = true. Метка не перасивается. ERROR!
Как это исправить?
Сам программист, программирую много на чем, но представляете не могу решить эту проблему!?
В общем задача такая, есть на карте geoObject'ы (dragging = false), при событии mousedown, на странице создаю копию этого объекта (не на карте), чтобы можно было переместить его и дропнуть в корзину, с этим все впорядке, проблема в том, что карта продолжает тянуться за мышкой, что только не делал, не получается и все..
Что уже делал:
geoObject.events.add('mousedown', function(e){
e.preventDefault();
});
не помогает, также и stopPropagation() и stopImmediatePropagation(), что угодно "stop" без толку (
geoObject.events.add('mousedown', function(e){
map.behaviors.disable('drag');
});
Фигу, срабатывает только тогда, когда мышку отпускаем.
map.events.add('actiontick', function(e){
e.preventDefault();
});
такая же история.
Из серии "костыль, мож сработает O_o":
map.events.add('actiontick', function(e){
map.event.fire('actionend');
});
Что-то уже неплохо, карта не таскается, но geoObject'ы все равно ездят, потому что на отдельном слое похоже.
моя метка перемещается по карте если её тащить мышкой, но пользователи просто тыкают место на карте. Как сделать чтобы при клике по карте метка становилась на место клика, при этом чтобв функция перемещения тоже работала?
подскажите пожалуйста почему после клика по карте, картинки находящиеся на странице перестают перетаскиваться? Т.е. сразу после загрузки страницы картинку можно перетащить но стоит один раз кликнуть по карте как эта возможность пропадает.
