DEV Community

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

Posted on

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 :

Top comments (0)