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

RusFox · 2012-09-12 22:42:47

moresquitch: вам нужен свой tileserver. Порядок вкратце:
ставим базу PostgreSQL, настраиваем под postgis
загоняем в нее данные OSM с помощью osm2postgis
ставим мапник и делаем свой стиль для него
ставим apache, mod_tile, renderd и настраиваем связку для всего этого
на сайте ставим прикручиваем OpenLayers или Leaflet и натравливаем на свой tileserver
настраиваем автоматическое обновление для своей базы данных с OSM

PShA · 2012-09-13 07:41:04

Или cloudmade и свой стиль
Или mapbox и свой стиль
Это может оказаться гораздо проще чем городить своё

Zverik · 2012-09-13 07:45:31

moresquitch wrote:

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

Именно для этого и придумал. Делаете в нём свой стиль, создаёте mbtiles, загружаете (до 200 мегабайт) на mapbox. Либо поднимаете у себя node.js + tilecache (не помню точное название) и пользуетесь большими mbtiles.

Можно и длинным путём -- экспортировать carto-стиль в xml для мапника, поднять всю цепочку postgresql с репликацией и все дела, но это нетривиально. http://switch2osm.org/serving-tiles/

kapilov · 2013-10-14 11:09:54

Что лучше выбрать? Есть сравнение? openlayers.org vs leafletjs.com vs mapbox.com vs прочие варианты.

Zverik · 2013-10-14 11:14:45

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

dkiselev · 2013-10-14 11:19:20

openlayers.org - сложен, монструозен, местами безчеловечен.
leafletjs.com - хорош и удобен, но может не найтись какойнибудь экзотической штуки которая есть в openlayers.
mapbox.com - имеет смысл если будете пользовать их и только их слои и доп. сервисы.

Last edited by dkiselev (2013-10-14 11:20:12)

kapilov · 2013-10-14 11:33:08

Zverik wrote:

всё зависит от задачи.

Вставить на сайт компании карту и нарисовать путь, как идти/ехать до них.

dkiselev, спасибо.

Лицензии на использование какие?

Ещё можно по сравнивать по скорости работы (с большим количеством точек/линий в частности), поддержки различных браузеров.

Larry0ua · 2013-10-14 11:39:06

kapilov wrote:

Вставить на сайт компании карту и нарисовать путь, как идти/ехать до них.

персональные карты на openstreetmap.ru будут слишком просты?

dkiselev · 2013-10-14 11:39:45

Лицензии - по крайней мере на использование точно свободные, тонкости - это лучше сами посмотрите.

Большое количество точек/линий это сколько?

kapilov · 2013-10-14 12:04:51

Larry0ua wrote:

на openstreetmap.ru

Хочется быть менее зависимым от сторонних сервисов и на официальных сайтах это как-то не круто смотрится.

dkiselev wrote:

Большое количество точек/линий это сколько?

Не знаю. Я думаю, что больше 20 линий/20точек/20полигонов обычно не используется. Но пусть будет по 50 шт. линий/полигонов/точек. Или увеличивать количество точек до тех пор пока не начнет тормозить.

dkiselev · 2013-10-14 12:17:22

По 50 - без разницы, что лифлет что опенлеерс.

Если бы речь шла о 2-5k там можно смотреть исходники какой из либ проще понять чтобы оптимизировать под нее.

Zverik · 2013-10-14 12:21:54

kapilov wrote:

Zverik wrote:
всё зависит от задачи.
Вставить на сайт компании карту и нарисовать путь, как идти/ехать до них.
dkiselev, спасибо.
Лицензии на использование какие?
Ещё можно по сравнивать по скорости работы (с большим количеством точек/линий в частности), поддержки различных браузеров.

Берите лифлет, учебников на его сайте для задачи хватит сполна. Поддержка браузеров у него приличная (до IE6), хотя с OpenLayers мало кто сравнится. Лицензия BSD: можно использовать как угодно. Работает очень быстро, не в меньшей степени из-за небольшого размера библиотеки.

kapilov · 2013-10-14 13:14:37

Zverik wrote:

Лицензия BSD: можно использовать как угодно.

Лицензию на OpenLayers нашел https://docs.google.com/viewer?url=http … icense.txt - разрешается не только использовать, но и изменять, но только что бы в исходном коде или где-то рядом было упоминание, что сделано на их базе (правильно мне переводчик перевел?). Судя по примеру на http://openlayers.org/ они даже не просят делать на них ссылку на каждой карте (в примере на главной странице упоминается только OpenStreeMap).

Пока писал OpenLayers про нашел лицензию leafletjs https://github.com/Leaflet/Leaflet/blob/master/LICENSE - она абсолютно такая же. Но на всех примерах карт есть ссылка на их сайт.

Zverik · 2013-10-14 13:18:55

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

Last edited by Zverik (2013-10-14 13:19:10)

kapilov · 2013-10-14 13:37:58

Zverik wrote:

Это просто традиция (и настройки по умолчанию), требования такого нет.

Ясно. Это хорошо.

PaulKaz · 2013-10-14 13:49:28

kapilov wrote:

Я думаю, что больше 20 линий/20точек/20полигонов обычно не используется

Вот, накидал инструмент для генерированию подобных страниц.

https://dl.dropboxusercontent.com/u/999 … eoJSON.zip

Вроде как для нескольких линий и полигонов генерирует валидный код.

kapilov · 2013-10-14 14:29:46

PaulKaz - очень полезный инструмент, спасибо вам.

Нужно его дорабатывать и вешать ссылку на него на первой странице, что бы все вставляли себе на сайты карты.

Из доработок: что бы можно было указать размер карты, возможность генерить не всю страницу, а только код карты. Можно ещё сразу результат показать.
Баги: "Р’Р°С€ html-РєРѕРґ:" - кодировки проверьте (в хроме так показывает, а в опере все нормально) и вместо круга получается Point

AHTOH · 2013-10-14 17:57:54

Я уже своим клиентам которым делал сайты-визитки развесил такие карты
Даже плагин под Joomla пилить начал. Тут http://iahtoh.ru/about можно глянуть.
Есть желание его допилить. Благо есть пример для подражания в Вордпресс. Там есть подобный полуплатный плагин. Но на все нужно время. А его катастрофически не хватает.

OLEG614 · 2013-10-15 13:46:17

Я использовал для Joomla этот плагин https://www.kuechler.info/6/programme/2 … oomla.html

AHTOH · 2013-10-16 10:59:34

А он kml не поддерживает. А т.к. у меня уже был готовый kml (еще на гугл картах стоял) мне было проще переписать плагин чем по 1-й точке вводить

Микола Фендак · 2015-03-12 12:01:34

Де можна знайти чіткий покроковий опис, як добавити собі на сайт карту ОСМ, щоб можна винести меню з назвами вулиць для конкретного (тільки одного) населеного пункту. І щоб при виборі вулиці вона підсвічувалася на карті, Аналогічно з будинками і їх номерами. При виборі будинку в меню, щоб він також підсвічувався на карті.

Така карта існувала на одному сайті. Фактично для цього сайту я заповнив карту в ОСМ (всі будинки, їх номери, вулиці, gps-трекинг). І все було супер. Але недавно сайт закрився. Адмін сказав, що йому стало не вигідно утримувати його.

Я ж хочу створити сайт на безкоштовному хостингу, наприклад, на Ucoz. В скриптах, html частково орієнтуюся.

Просто вставити карту на сайт без можливості підсвічення вулиць і будинків - це дуже примітивно, пропадає велика її користь.

freeExec · 2015-03-12 12:51:57

Через overpass соберите все highway с name в своём городе, склейте их в одноименные улицы (с умом) и показывайте. Координаты там так же присутствуют.

dimmer · 2015-08-03 07:55:14

Подскажите, в ЖЖ можно как-то карту вставить? Описанный тут способ не работает.

andygol · 2015-08-03 09:10:15

Микола Фендак wrote:

Де можна знайти чіткий покроковий опис, як добавити собі на сайт карту ОСМ, щоб можна винести меню з назвами вулиць для конкретного (тільки одного) населеного пункту. І щоб при виборі вулиці вона підсвічувалася на карті, Аналогічно з будинками і їх номерами. При виборі будинку в меню, щоб він також підсвічувався на карті.
Така карта існувала на одному сайті. Фактично для цього сайту я заповнив карту в ОСМ (всі будинки, їх номери, вулиці, gps-трекинг). І все було супер. Але недавно сайт закрився. Адмін сказав, що йому стало не вигідно утримувати його.
Я ж хочу створити сайт на безкоштовному хостингу, наприклад, на Ucoz. В скриптах, html частково орієнтуюся.
Просто вставити карту на сайт без можливості підсвічення вулиць і будинків - це дуже примітивно, пропадає велика її користь.

Покроковий опис, нажаль, неіснує.

Вам треба:
1. Уважно прочитати документацію про використання http://leafletjs.com/ - http://leafletjs.com/reference.html
2. Знайти відповідний плагін до leaflet'у, який дасть вам поточні координати вказівника вашої миші - http://leafletjs.com/plugins.html
3. За координатами за допомогою http://overpass-turbo.eu/ зробити запит на отримання даних поруч
4. Отримані дані в форматі GeoJSON показати на мапі за допомогою leaflet'у
5. Поділитись результатом з усіма

aleksandrbol · 2015-08-08 16:41:50

Коллеги, день добрый!

Возможно кто то сталкивался с таким сервисом как Panaramio? Как подружить OSM и Panaramio?

Пытаюсь сделать карту для сайта от OSM взамен гугловской, но не понимаю как прикрутить слой с фотографиями от Panaramio. Идеально было бы сделать как на Panaramio но отлично подойдет и вариант использования как на главной странице openstreetmap.ru

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

Благодарю за любую информацию и ссылки на маны и примеры.

Last edited by aleksandrbol (2015-08-08 16:44:21)

Announcement

#76 2012-09-12 22:42:47

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

#77 2012-09-13 07:41:04

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

#78 2012-09-13 07:45:31

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

#79 2013-10-14 11:09:54

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

#80 2013-10-14 11:14:45

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

#81 2013-10-14 11:19:20

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

#82 2013-10-14 11:33:08

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

#83 2013-10-14 11:39:06

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

#84 2013-10-14 11:39:45

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

#85 2013-10-14 12:04:51

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

#86 2013-10-14 12:17:22

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

#87 2013-10-14 12:21:54

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

#88 2013-10-14 13:14:37

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

#89 2013-10-14 13:18:55

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

#90 2013-10-14 13:37:58

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

#91 2013-10-14 13:49:28

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

#92 2013-10-14 14:29:46

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

#93 2013-10-14 17:57:54

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

#94 2013-10-15 13:46:17

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

#95 2013-10-16 10:59:34

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

#96 2015-03-12 12:01:34

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

#97 2015-03-12 12:51:57

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

#98 2015-08-03 07:55:14

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

#99 2015-08-03 09:10:15

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

#100 2015-08-08 16:41:50

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

Board footer