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.

Installation

Vous pouvez installer le package via composer :

composer require larswiegers/laravel-maps

Si vous s…


This content originally appeared on DEV Community and was authored by Fabrice

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>

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>

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


This content originally appeared on DEV Community and was authored by Fabrice


Print Share Comment Cite Upload Translate Updates
APA

Fabrice | Sciencx (2024-08-17T21:14:27+00:00) Laravel Maps : Leaflet et Google Maps. Retrieved from https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/

MLA
" » Laravel Maps : Leaflet et Google Maps." Fabrice | Sciencx - Saturday August 17, 2024, https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/
HARVARD
Fabrice | Sciencx Saturday August 17, 2024 » Laravel Maps : Leaflet et Google Maps., viewed ,<https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/>
VANCOUVER
Fabrice | Sciencx - » Laravel Maps : Leaflet et Google Maps. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/
CHICAGO
" » Laravel Maps : Leaflet et Google Maps." Fabrice | Sciencx - Accessed . https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/
IEEE
" » Laravel Maps : Leaflet et Google Maps." Fabrice | Sciencx [Online]. Available: https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/. [Accessed: ]
rf:citation
» Laravel Maps : Leaflet et Google Maps | Fabrice | Sciencx | https://www.scien.cx/2024/08/17/laravel-maps-leaflet-et-google-maps/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.