Demo : https://laravel-maps-demo.herokuapp.com/
composer require bagusindrayana/laravel-mapsAdd LaravelMapServiceProvider::class to config/app.php
'providers'=>[
//....
Bagusindrayana\LaravelMaps\LaravelMapsServiceProvider::class,
//...
],
publish provider
php artisan vendor:publish --provider=Bagusindrayana\LaravelMaps\LaravelMapsServiceProviderin controller
$map = LaravelMaps::leaflet('map')
->setView([51.505, -0.09], 13);
return view('your-view',compact('map'));in view
<html>
<head>
<title>My Map</title>
{!! @$map->styles() !!}
</head>
<body>
{!! @$map->render() !!}
{!! @$map->scripts() !!}
</body>
</html>- marker
- circle
- polygon
- geojson
- basic event and method
//'map' is variable name will be use in javascript code
$map = LaravelMaps::leaflet('map')
->setView([51.505, -0.09], 13)
->addMarker(function(LeafletMarker $marker){
return $marker
->latLng([51.5, -0.09])
->bindPopup('<b>Hello world!</b><br>I am a popup.');
})
->addCircle(function(LeafletCircle $circle){
return $circle
->latLng([51.508, -0.11])
->options([
'radius'=>500,
'color'=>'red',
'fillColor'=>'#f03',
'fillOpacity'=>0.5
])
->bindPopup("I am a circle.");
})
->addPolygon(function(LeafletPolygon $polygon){
return $polygon
->latLng([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047]
])
->bindPopup("I am a polygon.");
})
->addPopup("I am a standalone popup.",[51.513, -0.09]);method are dynamic so you can use most method from original leaflet https://leafletjs.com/reference.html#map-method argument or parameter in method can be array,Closure,string,and RawJs class
- marker
- geojson
- basic event and method
//'map' is variable name will be use in javascript code
$map = LaravelMaps::mapbox('map',[
"center"=>[106.827293,-6.174465],
"zoom"=>13,
]);
$map->on('load',function($m){
$m->addMarker(function(MapboxMarker $marker){
return $marker
->lngLat([51.5, -0.09])
->setPopup('<b>Hello world!</b><br>I am a popup.');
});
});method are dynamic so you can use most method from original mapbox https://docs.mapbox.com/mapbox-gl-js/api/map/#map-instance-members argument or parameter in method can be array,Closure,string,and RawJs class