You are not logged in.

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

RusFox
Member
From: С-Пб
Registered: 2012-06-05
Posts: 469
Website

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

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


Информация для всех... Даром... И пусть никто не уйдет обиженным!
WEB-анализатор треков | Interactive map for Zabbix

Offline

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

PShA
Member
Registered: 2011-07-26
Posts: 170

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

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

Offline

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

Zverik
Moderator
From: Минск
Registered: 2010-10-14
Posts: 5,693
Website

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

moresquitch wrote:

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

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

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


ШТОСМ | josm.ru | обо мне | удалёнка зло

Offline

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

kapilov
Member
Registered: 2012-12-01
Posts: 147

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

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

Offline

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

Zverik
Moderator
From: Минск
Registered: 2010-10-14
Posts: 5,693
Website

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

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


ШТОСМ | josm.ru | обо мне | удалёнка зло

Offline

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

dkiselev
Member
Registered: 2010-02-09
Posts: 3,364

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

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

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


mail: dkiselev@osm.me      skype: dmitry.v.kiselev
Open Street Maps are supreme! Exterminate all map forms! Exterminate! Exterminate!

Offline

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

kapilov
Member
Registered: 2012-12-01
Posts: 147

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

Zverik wrote:

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

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

dkiselev, спасибо.

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

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

Offline

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

Larry0ua
Member
Registered: 2010-09-19
Posts: 1,061

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

kapilov wrote:

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

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

Offline

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

dkiselev
Member
Registered: 2010-02-09
Posts: 3,364

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

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

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


mail: dkiselev@osm.me      skype: dmitry.v.kiselev
Open Street Maps are supreme! Exterminate all map forms! Exterminate! Exterminate!

Offline

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

kapilov
Member
Registered: 2012-12-01
Posts: 147

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

Larry0ua wrote:

на openstreetmap.ru

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

dkiselev wrote:

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

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

Offline

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

dkiselev
Member
Registered: 2010-02-09
Posts: 3,364

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

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

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


mail: dkiselev@osm.me      skype: dmitry.v.kiselev
Open Street Maps are supreme! Exterminate all map forms! Exterminate! Exterminate!

Offline

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

Zverik
Moderator
From: Минск
Registered: 2010-10-14
Posts: 5,693
Website

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

kapilov wrote:
Zverik wrote:

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

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

dkiselev, спасибо.

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

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

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


ШТОСМ | josm.ru | обо мне | удалёнка зло

Offline

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

kapilov
Member
Registered: 2012-12-01
Posts: 147

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

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 - она абсолютно такая же. Но на всех примерах карт есть ссылка на их сайт.

Offline

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

Zverik
Moderator
From: Минск
Registered: 2010-10-14
Posts: 5,693
Website

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

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

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


ШТОСМ | josm.ru | обо мне | удалёнка зло

Offline

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

kapilov
Member
Registered: 2012-12-01
Posts: 147

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

Zverik wrote:

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

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

Offline

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

PaulKaz
Member
Registered: 2010-06-01
Posts: 89

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

kapilov wrote:

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

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

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

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

Offline

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

kapilov
Member
Registered: 2012-12-01
Posts: 147

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

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

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

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

Offline

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

AHTOH
Member
From: Зеленодольск
Registered: 2010-09-22
Posts: 1,024
Website

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

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

Offline

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

OLEG614
Member
Registered: 2012-12-10
Posts: 5

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

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

Offline

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

AHTOH
Member
From: Зеленодольск
Registered: 2010-09-22
Posts: 1,024
Website

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

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

Offline

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

Микола Фендак
Member
Registered: 2013-08-05
Posts: 2

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

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

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

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

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

Offline

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

freeExec
Moderator
From: Ульяновск,Модератор всех слоёв
Registered: 2012-07-31
Posts: 8,460

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

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

Offline

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

dimmer
Member
From: Belarus
Registered: 2010-09-06
Posts: 92
Website

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

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

Offline

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

andygol
Moderator
From: Дніпро
Registered: 2009-07-31
Posts: 1,963
Website

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

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

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

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

Вам треба:
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. Поділитись результатом з усіма big_smile

Offline

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

aleksandrbol
Member
Registered: 2015-08-08
Posts: 7
Website

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

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

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

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

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

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

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

Offline

Board footer

Powered by FluxBB