0
283
VistasCómo crear un control de folleto ubicado con marcador arrastrable (actualizar latitud/longitud al arrastrar) y valor de actualización automática en forma de latitud/longitud
Tenía el código existente que ya se creó con control ubicado y actualización automática de latitud/longitud en el formulario web de valor (ver adjunto) 
Ahora quiero agregar un fabricante que se pueda arrastrar cuando se detecte mi ubicación y actualizar automáticamente la latitud/longitud cuando el punto de referencia del fabricante cambie el enfoque en la función de control ubicada. Mi función de control de búsqueda funciona como se esperaba, estaba usando markerz como fabricante. 
Aquí estaba mi código existente:
<script type="text/javascript"> var mymap = L.map(\'dvMap\').setView(['. $pin_lat . ', ' . $pin_long . '],13); L.tileLayer(\'https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}{r}.png\',{maxZoom: 18,attribution: \'\'}).addTo(mymap); var markerz = L.marker([' . $pin_lat . ', ' . $pin_long . '],{draggable: true}).addTo(mymap); var searchControl = new L.Control.Search({url: \'//nominatim.openstreetmap.org/search?format=json&q={s}\',jsonpParam: \'json_callback\', propertyName: \'display_name\',propertyLoc: [\'lat\',\'lon\'],marker: markerz,autoCollapse: true,autoType: true,minLength: 2,}); searchControl.on(\'search:locationfound\', function(obj) { var lt = obj.latlng + \'\'; var res = lt.split("LatLng(" ); res = res[1].split( ")" ); res = res[0].split( "," ); document.getElementById(\'map_lat\').value = res[0]; document.getElementById(\'map_long\').value = res[1]; }); mymap.addControl( searchControl ); markerz.on(\'dragend\', function (e) { document.getElementById(\'map_lat\').value = markerz.getLatLng().lat; document.getElementById(\'map_long\').value = markerz.getLatLng().lng; }); L.control.locate({ strings: { title: "Show me where I am!" } }).addTo(map);map.on(\'locationfound\',(e)=>{ console.log(e); document.getElementById(\'map_lat\').value = e.latlng.lat; document.getElementById(\'map_long\').value = e.latlng.lng; }); </script>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Debe llamar a setLatLng() en el marcador:
map.on(\'locationfound\',(e)=>{ console.log(e); markerz.setLatLng(e.latlng); document.getElementById(\'map_lat\').value = e.latlng.lat; document.getElementById(\'map_long\').value = e.latlng.lng; });
·
Juan Pablo Isaza
Denunciar
Responde la pregunta