Custom Laravel Nova 4 map card using Leaflet. Supports Google Maps, marker clustering, map height, latitude and longitude coordinates, GeoJSON, marker popup and custom marker icons.
composer require antoniosiles/nova-4-card-map-plus
use AntonioSiles\Nova4CardMap\Nova4CardMap
...
(new Nova4CardMap())->width("1/2")
(new Nova4CardMap())
->height('400px') // default is 300px
By default the provider is OpenStreetMaps.
You must set your Google Maps API key (https://developers.google.com/maps/documentation/javascript/get-api-key).
(new Nova4CardMap())
->googleApiKey('')
->googleMapType('roadmap'), // roadmap, satellite or hybrid
(new Nova4CardMap())
->type('LatLon')
->point('-6.081689','145.391881')
(new Nova4CardMap())
->type('GeoJson')
->geoJson('')
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"popup": "I am a Popup"
},
"geometry": {
"type": "Point",
"coordinates": [
23.8623046875,
-30.221101852485987
]
}
}
]
}
(new Nova4CardMap())
->popup('popup')
(new Nova4CardMap())
->markerIcon('/images/marker-icon.png')
You can pass additional parameters to set the icon size and anchor
->markerIcon('/images/marker-icon.png',[100,100],[50,50])