Actualmente estoy atascado durante días tratando de hacer que esto funcione. Encontré un complemento para Leaflet que puede filtrar datos según el radio de la coordenada (Leaflet-Coordinate). Intenté codificar la coordenada en el controlador y funcionó perfectamente.
Mi pregunta es ¿cómo tomo las coordenadas actuales de mi mapa de folleto y las uso como variable para la función del controlador?
Aquí está mi código JS del mapa principal:
var map = L.map('map', 15); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', maxZoom: 17, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, accessToken: 'pk.eyJ1IjoiZGFuaWVscmFjaGV2YXNraSIsImEiOiJjbDFlZzBpN2wwcjE1M2ZuNHF3NXRvbGh5In0.U44yx8ueWFpYviMcI1U1Sw' }).addTo(map); map.locate({setView: true}); map.on('locationfound', function(e) { console.log(e.latlng.lat, e.latlng.lng); var lat = e.latlng.lat; var lng = e.latlng.lng; //I want to take this coordinate to controller })Y aquí está el código del controlador:
public function mainpagebenef(){ //$lat = $request->get('lat'); //$lng = $request->get('lng'); $beneficiary = beneficiary::nearby([ 1.4701624933456898, //latitude, this is supposed to be coords for current location in leaflet 110.42952010069433 //longitude, this is supposed to be coords for current location in leaflet ],0.5)->closest() ->where('status', '=', 'Mahu Bantuan')->get(); $donor = DB::table('donor')->get(); return view('mainpagebenef', ['beneficiary' => $beneficiary], ['donor' => $donor]); }Aquí está la ruta:
Route::get('/mainpagebenef', 'mainpagecontroller@mainpagebenef')->name('mainpagebenef');Lo intenté durante días y busqué innumerables tutoriales, pero fue en vano. Soy bastante nuevo en Laravel y en el folleto en general, ¡así que cualquier ayuda es realmente apreciada!
Su código js debería verse como
map.on('locationfound', function(e) { console.log(e.latlng.lat, e.latlng.lng); var lat = e.latlng.lat; var lng = e.latlng.lng; axios.post('/myControllerPostMethod', { latitude: lat, longitude: lng }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); })Y en su controlador debería haber un método que acepte la solicitud posterior
public function myControllerPostMethod(){ //$input = $request->all(); $lat = $request->input('latitude'); $lng = $request->input('longitud'); }Parece que está ubicando usuarios o algo así a través de una biblioteca js. Ese código se ejecuta en el lado del cliente, pero necesita datos del lado del cliente en el lado del servidor. Una posible solución es usar Axios y enviar una solicitud a su servidor con los datos que necesita.
Aquí tienes un ejemplo de cómo hacerlo, fácilmente. Primero tendrás que instalar Axios en Laravel, lo cual es realmente sencillo.