Add openstreetmap field to filament form
Full free map API
You can install the package via composer:
composer require traineratwot/filament-openstreetmapMake 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
,
]);
}
...
}
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.
composer: matanyadaev/laravel-eloquent-spatial
npm: ol
npm: ol-geocoder