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

AndreyCool · 2012-12-19 06:43:35

на слой FeatureGroup добавлены маркеры и линии. можно ли как то оставлять масштаб слоя неизменным при масштабировании карты?

Alexey Sirotkin · 2012-12-20 03:59:21

AndreyCool wrote:

не совсем то
also not allowing to zoom out to a view that's larger than the given bounds (depending on the map size).
нужная область зумится больше, чем нужно

А если так:

var osm = new L.TileLayer('http://tile.openstreetmap.org/{z}/{x}/{y}.png', {
 minZoom: 12
 ,maxZoom: 16
});

AndreyCool · 2012-12-20 04:31:49

Alexey Sirotkin wrote:

А если так:

var osm = new L.TileLayer('http://tile.openstreetmap.org/{z}/{x}/{y}.png', {
 minZoom: 12
 ,maxZoom: 16
});

мне нужно было сделать карту области, наподобие "Choropleth map", без тайлов, только полигоны.
сделал так:

var bounds = geojson.getBounds().pad(1);
map.setView(bounds.getCenter(),6);
map.setMaxBounds(bounds);

msTi · 2012-12-20 06:46:31

кто то уже пробовал в работе версию 0.5?
интересно когда будет релиз.

AndreyCool · 2012-12-20 11:31:06

ну че, никто не знает как зумить только карту, слои оставлять как есть?

msTi · 2012-12-21 08:20:58

AndreyCool wrote:

ну че, никто не знает как зумить только карту, слои оставлять как есть?

изменять координаты в зависимости от зума?

AndreyCool · 2012-12-21 09:38:54

msTi wrote:

изменять координаты в зависимости от зума?

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

Last edited by AndreyCool (2012-12-21 09:48:04)

freeExec · 2012-12-21 10:06:02

Ну если ты маркер привязал к координате, с чего вдруг он должен поменять эти координаты, чтобы отобразиться на томе же месте от центра ?

vvoovv · 2012-12-21 10:11:48

AndreyCool,
пересчитывай координаты после изменения масштаба (событие zoomend)

msTi · 2012-12-26 09:38:17

имеется последняя версия библиотеки (0.5)
плагин контекстного меню jquery (contextMenu)

маркерам подключаю событие contextmenu дабы показать меню по пкм.

В результате в IE 9 по пкм меню открывается, а вот в FF 17.0.1 меню не открывается.

Есть какие то мысли в какую сторону копать?

Ia_Alex · 2012-12-28 10:49:17

Подскажите как при инициализации маркера присвоить ему ID ?

vvoovv · 2012-12-28 12:05:37

Ia_Alex wrote:

Подскажите как при инициализации маркера присвоить ему ID ?

Было уже:
http://forum.openstreetmap.org/viewtopi … 06#p298206

Или просто
marker.id = id;

msTi · 2012-12-28 15:12:25

контекстное меню в 0.5
https://github.com/CloudMade/Leaflet/issues/1238

вот интересно решение доступное в 0.5 считать провалом или это все же как то исправят в будущем.

AquaGen · 2013-01-03 03:23:58

как в setIcon установить стандартную иконку?

Last edited by AquaGen (2013-01-03 03:24:27)

AquaGen · 2013-01-03 05:35:30

как удалить точку с карты?

vvoovv · 2013-01-03 12:38:40

AquaGen wrote:

как удалить точку с карты?

map.removeLayer(marker)

AquaGen · 2013-01-04 10:20:52

когда я вставляю карту в невидимый блок в центре экрана, кусочек карты видно только слева сверху.
так и должно быть? как карту вставить?
UPD: да, у яндекса тоже не работает.

В других картах есть такая возможность - если добавить много точек, то можно сделать так, чтобы они все были видимы (изменить масштаб и центр)
здесь такое есть?

Last edited by AquaGen (2013-01-04 10:47:56)

AquaGen · 2013-01-07 08:53:56

ау. как сделать центр карты в центре точек?

PaulKaz · 2013-01-07 12:00:11

AquaGen wrote:

ау. как сделать центр карты в центре точек?

fitBounds( <LatLngBounds> bounds )

BushmanK · 2013-02-02 12:56:30

Никогда не писал на JS ничего больше трех строк, но вот решил попробовать - получилось нечто, но работает не всё. Использовал Leaflet 0.5, плагины Bing и KML г-на Шрамова:

 	//base OSM layer
		var osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {minZoom: 8, maxZoom: 17, attribution: 'Map data &copy; OpenStreetMap contributors'});

	//base Bing satellite imagery layer
		var bing = new L.BingLayer('тут - Basic Bing key, сгененированный для этого сайта');

	//custom KML vector layer
		var testkml = new L.KML("/maps/kml/test.kml", {async:true});

	//initialise map and layers
		var map = L.map('map', {
			center: [55.83, 37.71], //set initial map center
			zoom: 14, //set initial map zoom
			layers: [bing, osm, testkml]  //list layers
		});
	//define list of base layers
		var baseLayers = {
			"Bing satellite": bing,
			"OSM Mapnik": osm
		};
	//define list of overlays
		var overlays = {
			"KML Test": testkml
		};
	//add layers control to map
		L.control.layers(baseLayers, overlays).addTo(map);

Слой OSM - работает, слой KML - тоже, но:

- Bing не работает (запрашивает тайлы по адресам типа ecn.t0.tiles.virtualearth.net/tiles/a.jpeg?g=1135, но ответ приходит текстовый, "Bad request"). API-ключ генерировал Basic, вставлен он полностью. (Пример, скопированный из репозитория г-на Шрамова тоже не работает, так что грешу на какие-то проблемы с API-ключом.)

- ~~Не могу понять как определить дефолтный базовый слой (сейчас автоматом ставится второй в списке).~~ Вроде разобрался с этим пунктом - в конструкторе map оставил только osm - так он становится дефолтным.

Last edited by BushmanK (2013-02-02 15:30:53)

ErshKUS · 2013-02-02 18:01:14

BushmanK wrote:

- Bing не работает (запрашивает тайлы по адресам типа ecn.t0.tiles.virtualearth.net/tiles/a.jpeg?g=1135, но ответ приходит текстовый, "Bad request"). API-ключ генерировал Basic, вставлен он полностью. (Пример, скопированный из репозитория г-на Шрамова тоже не работает, так что грешу на какие-то проблемы с API-ключом.)

Можешь в осмру глянуть https://github.com/ErshKUS/OpenStreetMa … er.Bing.js там larry0ua что то тоже правил чтоб работало, нужно конечно Павлу отправить пуллреквест, но кажется у нас уже сильно разошлись версии
ну и проверь api ключ, чтоб рабочий был.

Last edited by ErshKUS (2013-02-02 18:14:04)

BushmanK · 2013-02-03 12:54:44

ErshKUS wrote:

Можешь в осмру глянуть https://github.com/ErshKUS/OpenStreetMa … er.Bing.js там larry0ua что то тоже правил чтоб работало, нужно конечно Павлу отправить пуллреквест, но кажется у нас уже сильно разошлись версии
ну и проверь api ключ, чтоб рабочий был.

После замены "официального" плагина на тот что на openstreetmap.ru все отлично заработало. Спасибо. Я просто сначала думал, что он там самописный совсем, чисто под этот сайт.

AquaGen · 2013-02-09 13:15:46

нужно использовать подложку с BBOX=&WIDTH=&HEIGHT=
что туда вставлять вместо {z}/{x}/{y}?

Zverik · 2013-02-10 08:58:32

http://leafletjs.com/reference.html#tilelayer-wms

AquaGen · 2013-02-11 10:36:52

там в адрес добавляется srs=EPSG:3857
а мне нужно
SRS=EPSG:32646
из-за чего картинки не получаются

Last edited by AquaGen (2013-02-11 10:40:06)

Announcement

#226 2012-12-19 06:43:35

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

#227 2012-12-20 03:59:21

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

#228 2012-12-20 04:31:49

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

#229 2012-12-20 06:46:31

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

#230 2012-12-20 11:31:06

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

#231 2012-12-21 08:20:58

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

#232 2012-12-21 09:38:54

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

#233 2012-12-21 10:06:02

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

#234 2012-12-21 10:11:48

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

#235 2012-12-26 09:38:17

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

#236 2012-12-28 10:49:17

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

#237 2012-12-28 12:05:37

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

#238 2012-12-28 15:12:25

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

#239 2013-01-03 03:23:58

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

#240 2013-01-03 05:35:30

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

#241 2013-01-03 12:38:40

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

#242 2013-01-04 10:20:52

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

#243 2013-01-07 08:53:56

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

#244 2013-01-07 12:00:11

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

#245 2013-02-02 12:56:30

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

#246 2013-02-02 18:01:14

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

#247 2013-02-03 12:54:44

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

#248 2013-02-09 13:15:46

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

#249 2013-02-10 08:58:32

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

#250 2013-02-11 10:36:52

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

Board footer