Leaflet — новая JavaScript-библиотека для карт от CloudMade

AquaGen · 2013-02-24 03:11:56

у меня два маркера с одинаковыми координатами. а отображается только один. что сделать, чтобы отображались оба?

Alexandr Zeinalov · 2013-02-24 08:54:04

Оба и отображаются, просто верхний перекрывает нижний. А как ты хотел их показывать?

vvoovv · 2013-02-24 19:21:39

AquaGen wrote:

у меня два маркера с одинаковыми координатами. а отображается только один. что сделать, чтобы отображались оба?

Иконки можно развести, задав для них Icon c параметром iconAnchor

AquaGen · 2013-03-02 15:54:07

в гугле видел "1-й результат из 5 в этой области" в попапе

Иконки можно развести, задав для них Icon c параметром iconAnchor

но я то не знаю, какие иконки стоят на одном месте

Last edited by AquaGen (2013-03-02 15:54:22)

msTi · 2013-03-29 10:44:54

если линия задана как dashArray то кликабельной частью этой линии становятся края видимых отрезков.
возможно ли сделать всю линию кликабельной включая возможность клика за пределами отрезков?

vostrikov · 2013-04-02 15:05:14

Здравствуйте, скажите, а можно создать layer во всю карту с повторяющимся изображением?

dkiselev · 2013-04-02 15:07:57

В опенлеерс для такого надо было переопределить метод getURL для тайлового слоя. В лифлете думается примерно так же.

vostrikov · 2013-04-04 12:56:25

dkiselev wrote:

В опенлеерс для такого надо было переопределить метод getURL для тайлового слоя. В лифлете думается примерно так же.

Спасибо)

AquaGen · 2013-05-02 15:27:31

я хочу подвигать маркер. и получать его начальную и конечную координату после движения. где взять начальную координату?

Last edited by AquaGen (2013-05-02 15:27:43)

crossassembler · 2013-06-04 20:27:05

AquaGen wrote:

я хочу подвигать маркер. и получать его начальную и конечную координату после движения. где взять начальную координату?

Как ты собрался двигать маркер? Возможно, в этом поможет вот этот плагин. Он двигает маркер по координатам линии, например. Оттуда можно их и взять.

Last edited by crossassembler (2013-06-04 20:38:34)

crossassembler · 2013-06-04 20:37:53

Поясните мне пожалуйста, с помощью какого плагина или приема можно прорисовывать анимированную двигающиеся пунктирную линию в Leaflet? Пусть она "стоит" на месте, главное, чтобы была видимость, якобы её составные элементы двигаются. У меня была идея применить плагин PolylineDecorator, он позволяет рисовать на линии стрелочки. Вот если заставить двигаться стрелку по линии от начала до конца, то будет эффект движения, к тому же можно так схематически показывать скорость, частоту. Плагин AnimatedMarker позволяет рисовать маркер и двигать его по линии. Может быть просто изменить иконку на стрелку? И да, когда я изменяю зум карты, то маркер автоматически начинает движение из других концов карты в конечную точку. В example к плагину такая же проблема. Посоветуйте, что можно применить для данной задачи.

pumbur · 2013-06-04 23:25:34

если только для svg то можно использовать stroke-dashoffset

var polyline = L.polyline(latlngs, {color:'red',dashArray:'10,10'}).addTo(map)

var i = 0;
var redraw = function(){
  polyline._path.setAttribute('stroke-dashoffset',i+=1)
  setTimeout(redraw, 100);
}
setTimeout(redraw, 100);

crossassembler · 2013-06-04 23:40:23

pumbur wrote:

если только для svg то можно использовать stroke-dashoffset

Это именно то, что было нужно! Спасибо.

crossassembler · 2013-06-06 11:30:34

Ребята, поясните за L.PosAnimation. Что можно сделать с помощью этого приема? Есть ли примеры? И да, в предыдущем сообщении я уже заикался за проблему по поводу анимации маркера. Как можно реализовать плавный setLatLng()? С AnimatedMarker не взлетает. Т.е. имеем маркер на одном месте, получаем новую координату рядышком и нужно чтобы он плавненько переместился на новое место, а не перескачил.

GaM · 2013-06-06 11:49:31

А я это сделал руками, но есть дырки, что иногда происходит перескок. Если найдете хорошее решение, пишите.

crossassembler · 2013-06-06 12:04:13

GaM wrote:

А я это сделал руками, но есть дырки, что иногда происходит перескок. Если найдете хорошее решение, пишите.

В данный момент тоже пробую делать это вручную. Можете более подробно описать, как это реализовали? Я собираюсь серьёзно заняться этим вопросом и было бы неплохо хотя бы с чего-то начать. Если получится найти годную реализацию - непременно сообщу об этом.

GaM · 2013-06-06 12:33:54

var animationStart = null;
var animationEnd = null;
var oldPointTime = null;
var intervalHandle = null;

function newPoint(lat, lon) {
	var now = getTimeMs();

	if(animationEnd && (now - oldPointTime < 5000)) {
		var delta = now - oldPointTime;
		var currentPosition = getCurrentPosition();

		animationStart = {
			lat: currentPosition.lat,
			lon: currentPosition.lon,
			time: now
		};

		animationEnd = {
			lat: lat,
			lon: lon,
			time: now + delta
		};

		if(!intervalHandle) intervalHandle = window.setInterval(movePoint, 100);
	} else {
		animationStart = null;
		animationEnd = {
			lat: lat,
			lon: lon
		};
		movePoint();
	}
	oldPointTime = now;
}

function getCurrentPosition() {
	if(animationStart) {
		var now = getTimeMs();
		var animationPhase = (now - animationStart.time) / (animationEnd.time - animationStart.time);

		if(animationPhase > 1.5) {
			animationPhase = 1.5;
			if(intervalHandle) {
				window.clearInterval(intervalHandle);
				intervalHandle = null;
			}
		}
		return {
			lat: animationStart.lat + (animationEnd.lat - animationStart.lat) * animationPhase,
			lon: animationStart.lon + (animationEnd.lon - animationStart.lon) * animationPhase
		};
	} else {
		return {
			lat: animationEnd.lat,
			lon: animationEnd.lon
		};
	}
}

m = 0;
function movePoint() {
	var position = getCurrentPosition();
  var p = new L.LatLng(position.lat, position.lon);
  if (mon == 1 && m == 0) { map['map'].panTo(p); }

	object.setLatLng(p);
  m++
  if (m > 2) { m = 0; }
}

crossassembler · 2013-06-10 21:18:40

Чому маркер, установленный в строго определенные координаты на разных уровнях приближения немного сдвигается? Не заводишь же таблицу с координатами в БД под каждый zoom. Да и не всегда это возможно, например, имея координату с GPS. Что есть, то и есть.

ErshKUS · 2013-06-14 10:57:21

никто не сталкивался, как такое лечить http://forum.openstreetmap.org/viewtopi … 33#p341033 второй абзац

dkiselev · 2013-06-14 11:34:08

map.invalidateSize

ErshKUS · 2013-06-15 19:08:58

dkiselev wrote:

map.invalidateSize

спасибо, давно не хватало этого

Vovich · 2013-06-25 10:39:17

Здраствуйте. Разбираю примеры http://psha.org.ru/leaflet-plugins/examples/
Столкнулся с проблемой. Пример с GPS - не могу запустить на локальной машине.
Файл fells_loop.gpx лежит рядом с gpx.html.
Путь к GPX.js указан. IE пишет, что отказано к нему в доступе.

Перепробовал всякие настройки безопасности в IE. Firefox тоже не открывает.

AquaGen · 2013-07-01 10:27:33

внезапно сломалась карта. подложка не загружается при загрузке страницы, двигать карту нельзя, кнопки +- не работают.
чтобы все заработало надо кликнуть маркер.

dkiselev · 2013-07-01 10:58:09

Vovich wrote:

Здраствуйте. Разбираю примеры http://psha.org.ru/leaflet-plugins/examples/
Столкнулся с проблемой. Пример с GPS - не могу запустить на локальной машине.
Файл fells_loop.gpx лежит рядом с gpx.html.
Путь к GPX.js указан. IE пишет, что отказано к нему в доступе.
Перепробовал всякие настройки безопасности в IE. Firefox тоже не открывает.

Лежит то просто на локальной машинке или на веб-сервере?

AquaGen · 2013-07-01 11:39:41

upd. на всех браузерах не работает. кэшированные картинки из подложки отображаются, но вся подложка нет.

Announcement

#251 2013-02-24 03:11:56

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#252 2013-02-24 08:54:04

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#253 2013-02-24 19:21:39

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#254 2013-03-02 15:54:07

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#255 2013-03-29 10:44:54

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#256 2013-04-02 15:05:14

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#257 2013-04-02 15:07:57

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#258 2013-04-04 12:56:25

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#259 2013-05-02 15:27:31

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#260 2013-06-04 20:27:05

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#261 2013-06-04 20:37:53

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#262 2013-06-04 23:25:34

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#263 2013-06-04 23:40:23

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#264 2013-06-06 11:30:34

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#265 2013-06-06 11:49:31

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#266 2013-06-06 12:04:13

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#267 2013-06-06 12:33:54

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#268 2013-06-10 21:18:40

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#269 2013-06-14 10:57:21

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#270 2013-06-14 11:34:08

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#271 2013-06-15 19:08:58

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#272 2013-06-25 10:39:17

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#273 2013-07-01 10:27:33

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#274 2013-07-01 10:58:09

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

#275 2013-07-01 11:39:41

Re: Leaflet — новая JavaScript-библиотека для карт от CloudMade

Board footer