Tenía el control ubicado css & js listo, pero no puedo resolverlo. Estaba planeado hacerlo cuando se presiona el botón ubicado, me ubicará en la dirección actual con marcador y autocompletará latitud y longitud en mi formulario web (como se adjunta).
Debajo estaba mi código existente para el control de búsqueda. Función de relleno automático y marcador de latitud/longitud cuando se encuentra la dirección de búsqueda.
<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; }); </script>Quiero hacer otra función similar con control de localización.
De acuerdo con los documentos , puede usar la locationfound del evento del folleto nativo encontrado:
map.on('locationfound',(e)=>{ console.log(e); document.getElementById(\'map_lat\').value = e.latlng.lat; document.getElementById(\'map_long\').value = e.latlng.lng; // if you want, you can trim the number document.getElementById(\'map_long\').value = e.latlng.lng.toFixed(6); })Aquí un ejemplo en jsfiddle. Allí funciona la búsqueda de ubicación.