Старт-маркер из полилинии геоджсона

У меня есть карта с пешеходными и велосипедными маршрутами и всплывающими окнами с некоторыми деталями и картинкой. Теперь я хочу установить маркер на первой вершине полилинии geojson, но не могу понять, как это сделать. Кстати. Я новичок в листовке / mapbox, и я поместил свою карту вместе с фрагментами кода.
Вот карта сейчас:

Вот как я сейчас создаю полилинии. Я вызываю их через Layercontrol.

var mtb = L.geoJson(radjs, {
filter: function (feature, layer) {
    if (feature.properties) {
        // If the property "underConstruction" exists and is true, return false (don't render features under construction)
        return feature.properties.typ === 'mtb';
    }
    return true;
},
style: {
    "color": '#6699cc',
    dashArray: '',
    "weight": 4,
    "opacity": 0.6
},    onEachFeature: onEachFeature2}).addTo(rad);

Спасибо за вашу помощь, Марк


leaflet mapbox
person flk    schedule 03.02.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете просто добавить функцию в свой geojson с широтой и долготой, как в примере Leaflet GeoJSON .

Наверное, будет удобнее читать geometry.coordinates из объектов geojson и определять новый маркер.

Рядом с вами ошибка в строке 569. Вы должны изменить:

var map = L.mapbox.map('map','',{

to:

var map = L.mapbox.map('map',null,{
person geraldo    schedule 03.02.2014
comment
Спасибо за ваш ответ. Я исправил ошибку. Можете ли вы привести мне пример, как прочитать первую geometry.coordinate из геоджсона? - person flk; 03.02.2014

arrow_upward
0
arrow_downward

Создайте простой объект-маркер и добавьте его на карту.

marker = L.marker([0, 0], {
    icon: L.mapbox.marker.icon()
}).addTo(map)

Затем установите широту и долготу на первые координаты вашего geoJSON. Предполагая, что ваш geoJSON установлен на var geojson, вы можете получить доступ к координатам путем индексации в массиве.

marker.setLatLng(L.latLng(
    geojson.coordinates[0][1],
    geojson.coordinates[0][0]))
person geraldarthur    schedule 03.02.2014
comment
Спасибо за совет, но я не могу запустить его. Я обновил код, чтобы показать, как я создаю полилинии. Есть предложения, как я могу использовать ваш код с этим? - person flk; 04.02.2014
comment
Есть пара проблем с вашим общим кодом, но похоже, что вы уже есть маркер в начале вашего geoJSON. Строка 524 оставляет открытую угловую скобку без закрывающих скобок, а onEachFeature2 не определен. Пожалуйста, сначала исправьте эти проблемы. Если у вас возникли трудности, попробуйте этот курс CodeSchool о том, как вы можете лучше диагностировать и исправлять эти ошибки. . - person geraldarthur; 04.02.2014