ginocampra / laravel-leaflet

1.0.9 2026-06-23 13:44 UTC

MIT

• Gino Campra

Published on Packagist.org on 2026-06-23 17:53 UTC

README

Allows you to create pages with Leaflet maps in an integrated way with Laravel.

How to Install:

Install a basic Laravel Project.

composer create-project laravel/laravel:^8.0 example-app
 
cd example-app

Run this command to install the package and configure the Laravel Project

composer require ginocampra/laravel-leaflet

Run the server

php artisan serve

Open you browser "http://127.0.0.1:8000/map"

You will see:

Blade Component

You can use this to inject a Leaflet Map in you Blade views

Implement $title and $markers in your Controller and pass to view

    $options = [
        'center' => [
            'lat' => -23.347509137997484,
            'lng' => -47.84753617004771
        ],
        'googleview' => true,
        'zoom' => 18,
        'zoomControl' => true,
        'minZoom' => 13,
        'maxZoom' => 18,
        'width' => '100%', // optional default = 100%
        'height' => '600px',  // optional default = 600px
    ];
    $initialMarkers = [
        [
            'position' => [
                'lat' => -23.347509137997484,
                'lng' => -47.84753617004771
            ],
                'draggable' => false,
                'title' => 'Tatuí - SP',
                'name' => 'Marco Zero'    // optional
            ]
        ];
    $initialPolygons = [
        [
            'name' => 'Quadrilátero A',  // optional
            [-23.34606370264136 , -47.84818410873414],
            [-23.34575341324051 , -47.84759938716888],
            [-23.34615728184211 , -47.84729361534119],
            [-23.34651189716213 , -47.84792125225068]
        ]
    ];
    $initialPolylines = [
            [
                'name' => 'Rota Principal',  // optional
                [-23.348914298657980 , -47.850147485733040],
                [-23.347850469110245 , -47.848109006881714],
                [-23.349209805352476 , -47.847293615341194],
                [-23.347781516900888 , -47.844675779342660]               
            ]
    ];
    $initialRectangles = [
        [
            'name' => 'Área de Interesse',  // optional
            [-23.347683013682527 , -47.85067319869996],
            [-23.346727528670904 , -47.84879565238953]
        ]
    ];
    $initialCircles = [
        [
            'position' => [ 
                'lat' => -23.346569922234977, 
                'lng' => -47.84376382827759
            ],
            'radius' => 80.68230575309364,
            'name' => 'Raio de Cobertura'  // optional
        ]
    ];
    $title = 'Initial Map';
    
    return view('welcome',compact('options','title','initialMarkers','initialPolygons','initialPolylines','initialRectangles','initialCircles'));

Drop the blade component in the view

        <div>
            <x-laravel-map :title="$title" :initialMarkers="$initialMarkers" :initialPolygons="$initialPolygons" :initialPolylines="$initialPolylines" :initialRectangles="$initialRectangles" :initialCircles="$initialCircles" :options="$options"/>
        </div>

License

The MIT License (MIT). Please see License File for more information.