![](/style/images/good.png)
![](/style/images/bad.png)
Github GitHub - LarsWiegers/laravel-maps: Your laravel maps libary.
source link: https://github.com/LarsWiegers/laravel-maps
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Laravel map
This package allows you to easily use leaflet.js or google maps to create a map in your laravel project.
Installation
You can install the package via composer:
composer require larswiegers/laravel-maps
Supported map types
What Basic map Centerpoint Basic markers Zoomlevel Can use different tiles Leaflet![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
![white_check_mark](https://github.githubassets.com/images/icons/emoji/unicode/2705.png)
Tilehosts
Openstreetmap
Openstreetmap is a creative commence tile library created by volunteers. No configuration has to be set to use as it is the default tilehost for this library. More information can be found here: openstreetmap.org
Mapbox
Mapbox is a for profit company that also offers free keys.
Their map can be more accurate / precise.
To get your free key go to mapbox.com
Once logged in you can get your free key and use it by placing it in the env file like this MAPS_MAPBOX_ACCESS_TOKEN
.
Usage
Leaflet
// 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>
Google maps
// Google maps // set the centerpoint of the map: <x-maps-google :centerPoint="['lat' => 52.16, 'long' => 5]"></x-maps-google> // set a zoomlevel: <x-maps-google :zoomLevel="6"></x-maps-google> // Set markers on the map: <x-maps-google :markers="[['lat' => 52.16444513293423, 'long' => 5.985622388024091]]"></x-maps-google>
Google maps api key
You can get an api key here:
Create an api key and enable the Maps Javascript API in the console aswell.
Place the api key in the env file like this MAPS_GOOGLE_MAPS_ACCESS_TOKEN
Testing
To run the tests just use the following component:
composer test
Changelog
Please see CHANGELOG for more information what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security
If you discover any security related issues, please email [email protected] instead of using the issue tracker.
Credits
License
The MIT License (MIT). Please see License File for more information.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK