DEV Community

Cover image for Laravel Maps : Leaflet et Google Maps
Fabrice
Fabrice

Posted on

1 1

Laravel Maps : Leaflet et Google Maps

Cartes Laravel
Ce package vous permet d'utiliser facilement leaflet.js ou Google Maps pour créer une carte dans votre projet laravel.

  1. Installation

Vous pouvez installer le package via composer :

composer require larswiegers/laravel-maps

Si vous souhaitez personnaliser davantage les vues de la carte, vous pouvez publier les vues :

php artisan vendor:publish --provider="Larswiegers\LaravelMaps\LaravelMapsServiceProvider"

Image description

  1. Hôtes de tuiles

Openstreetmap :
Openstreetmap est une bibliothèque de tuiles créative créée par des bénévoles. Aucune configuration n'est nécessaire pour l'utiliser car il s'agit de l'hôte de tuiles par défaut pour cette bibliothèque. Vous trouverez plus d'informations ici : openstreetmap.org

  1. Usage :
// Leaflet
// A basic map is as easy as using the x blade component.

<x-maps-leaflet></x-maps-leaflet>

// Set the centerpoint of the map:
<x-maps-leaflet :centerPoint="['lat' => 52.16, 'long' => 5]"></x-maps-leaflet>

// Set a zoomlevel:
<x-maps-leaflet :zoomLevel="6"></x-maps-leaflet>

// Set markers on the map:
<x-maps-leaflet :markers="[['lat' => 52.16444513293423, 'long' => 5.985622388024091]]"></x-maps-leaflet>
Enter fullscreen mode Exit fullscreen mode

Par défaut, c'est la dernière version du dépliant, mais si vous souhaitez utiliser une version différente, transmettez-la simplement via un paramètre :

// Set leafletVersion to desired version:
<x-maps-leaflet leafletVersion='1.9.4'></x-maps-leaflet>
Enter fullscreen mode Exit fullscreen mode

Pour plus d'explication, rendez-vous sur cette vidéo qui vous explique de long en large :

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay