• Interface
• How it view in database
• Installation
• Usage
• Changelog
• Contributing
• Security Vulnerabilities
• Credits
• License
• Used packages

Add openstreetmap field to filament form

Full free map API

#Interface

#How it view in database

#Installation

You can install the package via composer:

composer require traineratwot/filament-openstreetmap

#Usage

Make model with migration

 
return new class extends Migration {
    public function up(): void
    {
        Schema::create('map_points', function (Blueprint $table) {
            $table->id();
 
            $table->point('point')->nullable(); // for Point type in Laravel 10
            $table->geography('point', 'point', 0)->nullable(); // for Point type in Laravel 11
 
            $table->string('point_string')->nullable(); // for String type
            $table->json('point_array')->nullable(); // for Array type
            $table->timestamps();
        });
    }
 
    public function down(): void
    {
        Schema::dropIfExists('map_points');
    }
};

namespace App\Models;
 
use MatanYadaev\EloquentSpatial\Objects\Point;
use Illuminate\Database\Eloquent\Model;
 
class MapPoint extends Model
{
 
    protected $casts = [
        'point' => Point::class, // Important for Point type
        'point_array' => 'array', // Important for Array type
    ];
 
    ...
}

Make filament resource

 
<?php
 
namespace App\Filament\Resources;
 
use Traineratwot\FilamentOpenStreetMap\Forms\Components\MapInput;
 
 
class MapPointResource extends Resource
{
    protected static ?string $model = MapPoint::class;
 
    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                MapInput::make('point')
                    ->saveAsPoint() // Important for Point type
                    ->srid(4326) // Change srid for Point
                    ->placeholder('Choose your location')
                    ->coordinates(37.619, 55.7527) // start coordinates
                    ->rows(10) // height of map
                ,
 
                MapInput::make('point_string')
                    ->saveAsString() // default
                    ->placeholder('Choose your location')
                    ->coordinates(37.619, 55.7527) // start coordinates
                    ->rows(10) // height of map
                ,
 
                MapInput::make('point_array')
                    ->saveAsArray() // Important for Array type
                    ->placeholder('Choose your location')
                    ->coordinates(37.619, 55.7527) // start coordinates
                    ->rows(10) // height of map
                ,
 
              ]);
    }
...
}

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

#Credits

• Traineratwot
• All Contributors

#License

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

#Used packages

composer: matanyadaev/laravel-eloquent-spatial
npm: ol
npm: ol-geocoder