https://github.com/nafiesl/laravel-leaflet-example

Nafies Luthfi 31477197b6 Update README.md		7 years ago
app	Merge outlet geojson into index action	7 years ago
bootstrap	Install laravel 5.7.13	7 years ago
config	Add leaflet config file	7 years ago
database	Update name attribute on OutletFactory	7 years ago
public	Update README.md	7 years ago
resources	Use leaflet config on leaflet map instances	7 years ago
routes	Merge outlet geojson into index action	7 years ago
storage	Install laravel 5.7.13	7 years ago
tests	Merge outlet geojson into index action	7 years ago
.editorconfig	Install laravel 5.7.13	7 years ago
.env.example	Install laravel 5.7.13	7 years ago
.gitattributes	Install laravel 5.7.13	7 years ago
.gitignore	Install laravel 5.7.13	7 years ago
README.md	Update README.md	7 years ago
artisan	Install laravel 5.7.13	7 years ago
composer.json	Add luthfi/simple-crud-generator package	7 years ago
composer.lock	Add luthfi/simple-crud-generator package	7 years ago
package.json	Install laravel 5.7.13	7 years ago
phpunit.xml	Update phpunit.xml	7 years ago
server.php	Install laravel 5.7.13	7 years ago
webpack.mix.js	Install laravel 5.7.13	7 years ago

README.md

Laravel Leaflet JS - Example

This is an example project for Leaflet JS{:target="_blank"} and OpenStreetMap{:target="_blank"} built with Laravel 5.7.

Features

In this project, we have an Outlet Management (CRUD) with localtion/coordinate point that shown in map. We also have coordinate entry with direct map pointing on Outlet Create and Edit form.

Installation Steps

Follow this instructions to install the project:

Clone this repo. $ git clone git@github.com:nafiesl/laravel-leaflet-example.git
$ cd laravel-leaflet-example
$ composer install
$ cp .env.example .env
Set database config on .env file
$ php artisan key:generate
$ php artisan migrate
$ php artisan serve
Open https://localhost:8000 with browser.

Demo Records

If we need some outlet demo records, we can use model factory within tinker:

$ php artisan tinker
>>> factory(App\Outlet::class, 30)->create();

Leaflet config

We have a config/leaflet.php file in this project. Set our zoom_level, and map center default coordinate here.

<?php

return [
    'zoom_level'           => 13,
    'detail_zoom_level'    => 16,
    'map_center_latitude'  => '-3.313695',
    'map_center_longitude' => '114.590148',
];

Please not that this is not an official or required config file from Leaflet JS, it is just a custom config for this project.

Testing

Run PHPUnit to run feature test:

$ vendor/bin/phpunit