Вставка OSM на сайт

_panic_ · 2011-02-09 18:24:44

Не совсем понял можно ли сделать, что-б вместо ромбиков показывались циферки по порядку или названия, а изнутри (каментов) можно было перейти по ссылке на вики, к примеру.

Есть желание, но нет опыта, переделать вот это http://www.velo36.ru/region.htm с интерактивным использованием осмерских карт

Last edited by _panic_ (2011-02-09 18:33:50)

Hind · 2011-02-09 19:37:34

Надо свои маркеры рисовать, как я понимаю.
Могу нарисовать, только как прикручивать их к OL, не разбирался.
Только вопрос - как должны выглядеть? Звездочки, квадратики, etc.

Last edited by Hind (2011-02-09 19:38:32)

dkiselev · 2011-02-09 20:35:13

Да, без проблем.
Про переходы по ссылкам не совсем понятно, а текст, графику, циферки и все это в перемешку использовать можно.

_panic_ · 2011-02-09 21:26:40

В смысле на каждую цифру отдельный маркер? А нельза одинаковые маркеры (ромбик или звёздочка - пофиг) с отображаемой легендой, при тычке в которую перешлёт по ссылке на что-то типа викистранички (пробовал тупо вставить ссылку в дескрипшн - не проканало)

agsochi · 2011-02-09 21:40:41

pin от айфона:

Last edited by agsochi (2011-02-09 21:41:36)

Paravoz · 2011-02-10 06:31:05

Вроде здесь не звучал вот этот сервис: http://osmtools.de/easymap/index.php?la … age=editor
позволяет генерировать HTML файл с картой в удобном рендере с выставленными точками и даже с произвольно нарисованными путями (хотя как-то криво работает)

Hind · 2011-02-10 07:33:38

Paravoz wrote:

Вроде здесь не звучал вот этот сервис

Вот это да. Я джва года ждал такой генератор. Спасибо. :3

dkiselev · 2011-02-10 07:53:27

_panic_ wrote:

А нельза одинаковые маркеры (ромбик или звёздочка - пофиг) с отображаемой легендой, при тычке в которую перешлёт по ссылке на что-то типа викистранички (пробовал тупо вставить ссылку в дескрипшн - не проканало)

Можно.

Переход вешаете на маркер на mar.events.on('click',function(){window.location.href='url куда перейти';});
А подписи - добавляете еще 1 векторный слой в него на каждый маркер по фьюче, в стиле в label пишете текст.

agsochi · 2011-02-10 08:14:00

Paravoz wrote:

Вроде здесь не звучал вот этот сервис: http://osmtools.de/easymap/index.php?la … age=editor
позволяет генерировать HTML файл с картой в удобном рендере с выставленными точками и даже с произвольно нарисованными путями (хотя как-то криво работает)

Вот оно, щастье.

dimmer · 2011-08-08 10:49:28

VikDD wrote:

Тогда надо тут смотреть

Можно как-то для этого примера автоматизировать создание textfile.txt? Чтобы скормить .osm файл или задать квадрат и получить, например, все shop=convinience. Было бы вообще шикарно если бы в description склеивалось addr:street+addr:housenumber+phone.
Пробую пример отсюда

 wget.exe http://www.informationfreeway.org/api/0.6/node[amenity=hospital][bbox=-6,50,2,61] -O data.osm

Выдает 503: Service Unavailable

NULL123 · 2011-11-03 05:44:48

Всем привет!
Подскажите, как нарисовать на карте, вставленной на свой сайт, ломанную (подобно тому, как это можно сделать в яндеск карты API).

s-s-s · 2011-11-03 06:25:59

NULL123 wrote:

Всем привет!
Подскажите, как нарисовать на карте, вставленной на свой сайт, ломанную (подобно тому, как это можно сделать в яндеск карты API).

Он http://leaflet.cloudmade.com/ умеет. Тут внизу тема была конкретно по leaflet , посмотрите.

NULL123 · 2011-11-03 14:53:50

Leaflet посмотрел но там все как-то на английском и примера с ломанной не нашел(. Мне вообще говоря, необходимо отобразить путь по группе GPS координат, в яндексе делал с помощью ломанной, может кто-нить даст пример как здесь это реализовать?

s-s-s · 2011-11-03 15:18:32

Извиняюсь не понял сразу, вам интерактивно рисовать по карте нужно, а он может отображать заранее заданные точки, круги и полигоны...
пример здесь http://leaflet.cloudmade.com/examples/q … ample.html

ErshKUS · 2011-11-03 15:22:01

NULL123 wrote:

Leaflet посмотрел но там все как-то на английском и примера с ломанной не нашел(. Мне вообще говоря, необходимо отобразить путь по группе GPS координат, в яндексе делал с помощью ломанной, может кто-нить даст пример как здесь это реализовать?

вот пример http://leaflet.cloudmade.com/examples/quick-start.html
вместо полигона используй http://leaflet.cloudmade.com/reference.html#polyline вроде не сложно

P.S.
вот тут полилиния https://github.com/CloudMade/Leaflet/bl … obile.html

Last edited by ErshKUS (2011-11-03 15:30:34)

s-s-s · 2011-11-03 17:37:11

ErshKUS wrote:

вот пример http://leaflet.cloudmade.com/examples/quick-start.html
вместо полигона используй http://leaflet.cloudmade.com/reference.html#polyline вроде не сложно
P.S.
вот тут полилиния https://github.com/CloudMade/Leaflet/bl … obile.html

Круто, работает! В смысле показывает http://osm.s-s-s.ru/route.html

NULL123 · 2011-11-04 12:15:20

О спасибо, то что надо. Ребят, а можно пояснить, зачем это нужно и что писать вместо этого?
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png',

s-s-s · 2011-11-04 14:29:34

NULL123 wrote:

О спасибо, то что надо. Ребят, а можно пояснить, зачем это нужно и что писать вместо этого?
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png',

это подложка отображения на карте - адрес рендера, можно разные использовать.
Посмотрите html-код страницы в моем примере, попробуйте ...

Last edited by s-s-s (2011-11-04 14:31:24)

NULL123 · 2011-11-04 15:56:35

Я посмотрел там http://osm.s-s-s.ru/{z}/{x}/{y}.png . Все равно не врубился, понято что http://osm.s-s-s.ru это адрес сайта, а что такое {z}/{x}/{y} и почему вконце .png не понятно.

s-s-s · 2011-11-04 16:47:14

NULL123 wrote:

Я посмотрел там http://osm.s-s-s.ru/{z}/{x}/{y}.png . Все равно не врубился, понято что http://osm.s-s-s.ru это адрес сайта, а что такое {z}/{x}/{y} и почему вконце .png не понятно.

"Ну вы блин , даете" (С) фильм особености национальной охоты
это формат размещенея тайлов, которые создает мапник.
Почитайте осм-вики по поводу, там все есть

NULL123 · 2011-11-05 11:54:38

Вики почитал прочитал про формат {z}/{x}/{y} ничего не нашел(. Senior Member, я не спец в OSM меня интресует что поставить вместо это строки, а не цитаты из фильма особенности национальной охоты.

Anton Khorev · 2011-11-05 14:35:37

NULL123 wrote:

Вики почитал прочитал про формат {z}/{x}/{y} ничего не нашел(.

http://wiki.openstreetmap.org/wiki/Slippy_map_tilenames

ustus · 2011-12-24 21:24:01

Ребят, это все здорово! Даж не знал, что карта моего городка есть нормальная. Грустил, думал, что ждать придется, пока яндекс когда-то сделает. Хочу прицепить себе на форум карту с метками в городе.
Тут и опенстритмап, и 2гис на его основе и карты.яндекс народные. Прям не знаю что лучше использовать... А хотелось бы чтоб вот как тут - http://www.advokat63.ru/ было. Типа нажал на категорию "адвокаты" и они на карте вылезли. На опенстритмап такое можно сделать?

Sergey Astakhov · 2011-12-24 21:36:59

ustus wrote:

На опенстритмап такое можно сделать?

Конечно можно. Но готовых, коробочных решений такого рода нет - есть разные части, комбинируя которые можно добиться аналогичного (или лучшего) результата. Т.е. немного повозиться придётся (в зависимости от желаемого уровня интеграции).

moresquitch · 2012-09-12 21:59:53

Вопрос: существует ли возможность вставить карты OSM на сайт с помощью, такскть, fousquare-way?
Я ни разу не программист, но насколько понимаю, маркеры там вставляются с помощью leaflet (поправьте, если не так- я в этом деле полный ноль), а карты они берут у мапбокса.

Есть ли способ выводить карты со "своим" стилем напрямую? Ну то есть у OSM берешь данные, а стиль рисуется ну пусть тот же mapsurfer/самодельный?
Думал, что TileMill для этого и придуман, но, кажется, ошибался

Announcement

#51 2011-02-09 18:24:44

Re: Вставка OSM на сайт

#52 2011-02-09 19:37:34

Re: Вставка OSM на сайт

#53 2011-02-09 20:35:13

Re: Вставка OSM на сайт

#54 2011-02-09 21:26:40

Re: Вставка OSM на сайт

#55 2011-02-09 21:40:41

Re: Вставка OSM на сайт

#56 2011-02-10 06:31:05

Re: Вставка OSM на сайт

#57 2011-02-10 07:33:38

Re: Вставка OSM на сайт

#58 2011-02-10 07:53:27

Re: Вставка OSM на сайт

#59 2011-02-10 08:14:00

Re: Вставка OSM на сайт

#60 2011-08-08 10:49:28

Re: Вставка OSM на сайт

#61 2011-11-03 05:44:48

Re: Вставка OSM на сайт

#62 2011-11-03 06:25:59

Re: Вставка OSM на сайт

#63 2011-11-03 14:53:50

Re: Вставка OSM на сайт

#64 2011-11-03 15:18:32

Re: Вставка OSM на сайт

#65 2011-11-03 15:22:01

Re: Вставка OSM на сайт

#66 2011-11-03 17:37:11

Re: Вставка OSM на сайт

#67 2011-11-04 12:15:20

Re: Вставка OSM на сайт

#68 2011-11-04 14:29:34

Re: Вставка OSM на сайт

#69 2011-11-04 15:56:35

Re: Вставка OSM на сайт

#70 2011-11-04 16:47:14

Re: Вставка OSM на сайт

#71 2011-11-05 11:54:38

Re: Вставка OSM на сайт

#72 2011-11-05 14:35:37

Re: Вставка OSM на сайт

#73 2011-12-24 21:24:01

Re: Вставка OSM на сайт

#74 2011-12-24 21:36:59

Re: Вставка OSM на сайт

#75 2012-09-12 21:59:53

Re: Вставка OSM на сайт

Board footer