You are not logged in.

Announcement

*** NOTICE: forum.openstreetmap.org is being retired. Please request a category for your community in the new ones as soon as possible using this process, which will allow you to propose your community moderators.
Please create new topics on the new site at community.openstreetmap.org. We expect the migration of data will take a few weeks, you can follow its progress here.***

#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: Tallinn
Registered: 2010-10-14
Posts: 5,696
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: Tallinn
Registered: 2010-10-14
Posts: 5,696
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: Tallinn
Registered: 2010-10-14
Posts: 5,696
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: Tallinn
Registered: 2010-10-14
Posts: 5,696
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,547

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,968
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