Листовка - перетаскиваемый маркер со всплывающим окном из данных geojson

Question

Я пытаюсь найти несколько часов, чтобы узнать, как реализовать данные GeoJson в перетаскиваемый маркер в листовке.

Каким должен быть результат?

У меня есть много данных GeoJson, и когда пользователь перемещает маркер вокруг него, он всегда должен обновляться данными во всплывающем окне из данных GeoJson. Однако я не получаю всплывающее окно, и это всплывающее окно должно отображаться автоматически, когда пользователь перемещает маркер, а также когда пользователь открывает карту.

На данный момент я был в состоянии сделать это: Marker, LineString, но при всплывании всплывающего окна не открывается всплывающее окно, появится только всплывающее окно, когда мышь нажимает на точку Linstring.

Возможно, кто-то может мне помочь, пожалуйста!

спасибо, что заблаговременно!

Вот мой код:

var lat = "48.213596251439945"; 
var lon = "16.370388632910814"; 

var userLocation = new L.LatLng(lat, lon); 
var map = L.map('map').setView(userLocation, 15); 

var marker = new L.Marker(userLocation, {draggable:true}).addTo(map); 

function onEachFeature(feature, layer) { 
    if (feature.properties && feature.properties.ADRESSE) { 
     layer.bindPopup(feature.properties.ADRESSE); 
    } 
} 

var park ={"type":"FeatureCollection","totalFeatures":318,"features":[{"type":"Feature","id":"PARKENANRAINEROGD.46915","geometry":{"type":"LineString","coordinates":[[16.343426519543712,48.19899297608236],[16.343819453861414,48.199054476000356]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46915,"ADRESSE":"7, Lindengasse 65","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 7. Bezirk","STELLPL_ANZ":6,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46916","geometry":{"type":"LineString","coordinates":[[16.344127698086258,48.19693994597798],[16.34405731788839,48.197075926878945]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46916,"ADRESSE":"7, Schottenfeldgasse 1","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 7. Bezirk","STELLPL_ANZ":5,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46917","geometry":{"type":"LineString","coordinates":[[16.343436482402232,48.19823247289745],[16.343044047309462,48.19816957993468]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46917,"ADRESSE":"7, Apollogasse 5","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 7. Bezirk","STELLPL_ANZ":6,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46918","geometry":{"type":"LineString","coordinates":[[16.341316763422924,48.197389549581146],[16.341216883353184,48.19783422369746]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46918,"ADRESSE":"7, Kaiserstraße 7 bis 9","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 7. Bezirk","STELLPL_ANZ":10,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46919","geometry":{"type":"LineString","coordinates":[[16.340597502665545,48.19814779191206],[16.340710677525596,48.197984617136626]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46919,"ADRESSE":"7, Apollogasse 28","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 7. Bezirk","STELLPL_ANZ":4,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46920","geometry":{"type":"LineString","coordinates":[[16.36369899496353,48.21041785473858],[16.364024360352,48.20999372090455]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46920,"ADRESSE":"1, Petrarcagasse 2","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 1. Bezirk","STELLPL_ANZ":11,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46921","geometry":{"type":"LineString","coordinates":[[16.370388632910814,48.213596251439945],[16.371272095721892,48.213365313905804]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46921,"ADRESSE":"1, Salzgries 14 bis 18","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 1. Bezirk","STELLPL_ANZ":22,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46922","geometry":{"type":"LineString","coordinates":[[16.34089103293889,48.19102192022651],[16.340805285726734,48.19119392107657]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46922,"ADRESSE":"6, Gfrornergasse 11","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 6. Bezirk","STELLPL_ANZ":4,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46923","geometry":{"type":"LineString","coordinates":[[16.37738967522273,48.2028433999537],[16.37697583375718,48.20243859721643]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46923,"ADRESSE":"1, Kantgasse 2 bis 4","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 1. Bezirk","STELLPL_ANZ":11,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46924","geometry":{"type":"LineString","coordinates":[[16.375161348679857,48.203392872925484],[16.375490802610553,48.20370480701764]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46924,"ADRESSE":"1, Hegelgasse 10 bis 12","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 1. Bezirk","STELLPL_ANZ":12,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46925","geometry":{"type":"LineString","coordinates":[[16.37563338574046,48.20383069631851],[16.37609805265778,48.204271916358685]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46925,"ADRESSE":"1, Hegelgasse 6 bis 8","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 1. Bezirk","STELLPL_ANZ":10,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}},{"type":"Feature","id":"PARKENANRAINEROGD.46926","geometry":{"type":"LineString","coordinates":[[16.375482015391142,48.20375222547123],[16.37494494209173,48.20399285355658]]},"geometry_name":"SHAPE","properties":{"OBJECTID":46926,"ADRESSE":"1, Johannesgasse 14","AUSNAHME_TXT":"ausg. Fahrzeuge mit Parkkleber für den 1. Bezirk","STELLPL_ANZ":10,"WEITERE_INF":"http://www.wien.gv.at/verkehr/parken/kurzparkzonen/anrainerparken/index.html","SE_ANNO_CAD_DATA":null}}]}; 

L.geoJson(park, { 
    onEachFeature: onEachFeature 
}).addTo(map); 

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
    maxZoom: 20}).addTo(map); 

Answer 1

var lat = "48.213596251439945"; 
var lon = "16.370388632910814"; 

Широта & долготы номер: они не должны иметь кавычки вокруг них. Цитаты означают строки.

Кроме того, неясно, что вы на самом деле пытаетесь сделать ... вы перетаскиваете маркер и все, что находится на нем, это то, что отображается всплывающее окно маркера? Так как маркер может быть одновременно на нескольких функциях, должен ли он показывать все? Никто? И можно ли его перетащить поверх точки, которая имеет нулевую область?