Машруты на карте

посмотрите в сторону leaflet.draw

А если где не будь описания к leaflet.draw, как работать, мне всего-то нужно рисовать ломаные, а после их сохранять.

http://www.mapbox.com/mapbox.js/example/v1.0.0/leaflet-draw/

То же самое. Много лишнего что очень затрудняет разобраться в нужном

wbo-stas, там почти нет ничего лишнего. Если вы хоть немного знаете JavaScript, то разобраться в приведенном выше примере не составит особого труда. Часть с “нарисовать линии” там показана достаточно хорошо. Теперь нужно узнать, где эти линии/нарисованные объекты хранятся, как их все получить и потом их можно будет отправлять.

Но в общем я согласен с вами - нужно больше подробных описаний и примеров.

wbo-stas - всё крайне просто, что в leaflet, что в *.draw. Сохранить на сервер (если с osm.ru не смогли разобраться), проще всего глянуть в дебагере что происходит, можно любым массивом данных, например в виде json писать в базу.
Иных примеров вам никто не даст, ибо всё прозрачно и так находиться на поверхности для любого, кто знает языки в достаточной степени, уж извините.

Да! Вот у меня есть задача для школы, они хотят рисовать маршруты, для марафонов, и сохранят их. Я по большой части разработчик PHP и JS знаю, очень поверхностно, т. е. На очень простом уровне, от чего мне и сложно разобраться с работай над картами. Вот поэтому прошу помощи, примеров на по данной теме очень мало, а те что есть только отдаленно похожи с моей задачей.

Примеры по данной теме вам привели. Чтобы их понимать просто нужны знания. Других примеров наверное найти не получиться. У нас нет самоучителей для новичков в программировании.

Да и как бы готовые скрипты и примеры есть, в сети полно. К тому же я бы лично использовал просто сервис типа gpsies, зачем писать то, что уже есть оО

Сервис http://geojson.io позволяет рисовать линии и площади и сохранить их на популярном сервисе github

Наверное, по условиям курсовой работы gpsies нельзя использовать :slight_smile:

Ну не курсовая работа, а так техническое задание рядовому программисту школы

Начал делать. Сейчас по кусочкам и выборкам из примеров собираю информацию. На данный момент реализовано вывод карты, а также поиск адресов. Хотел спросить, а как вывести контроль за позицией курсора на карте? Контроль масштаба реализован в виде

 L.control.scale().addTo(map);

, но не могу найти для курсора.

Так вот, задачу с позиции курсор сделал вот таким способом

function onMapMove(e) 
{
    $('#cursor_position').html(e.latlng.lat +'|'+e.latlng.lng);
}

Дальше ресую, и все вроде ок, но не могу понять как удалить линию, которую нарисовал, дайте совет.

leaflet.draw умеет добавлять, править и удалять объекты (точки, линии, полигоны) на карте “из коробки”. Включите все контролы - и убедитесь в этом. Для выполнения нужных вам действий (сохранение в БД, удаление из БД) нужно привязываться к событиям draw:*

Спасибо, сейчас, я сделал все через LayerGroup() туда помещаю все линии, и после вывожу на карту, при необходимости удаляю все, или только последнюю линию. На данный момент draw, еще темней лес чем leaflet, а сохранять в бд буду так, все элементы LayerGroup , буду пробегать циклом и выбирать все координаты линий, после передавать все на PHP, а вот как отобразить еще не думал.

Скажите как поменять стиль линии, цвет я меняю

L.polyline([next_point, e.latlng], {color: '#585958'}).addTo(temp_route); // помещаем новую линию в массив

, а какие есть еще свойства, в документации не нашел, подскажите или дайте ссылку.

Все свойства в api описаны.
http://leafletjs.com/reference.html#polyline
http://leafletjs.com/reference.html#path-options

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