承接 tareq-alqadi/filament-map-picker 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

tareq-alqadi/filament-map-picker

最新稳定版本:4.0.5

Composer 安装命令:

composer require tareq-alqadi/filament-map-picker

包简介

Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications.

README 文档

README

Latest Version on Packagist Total Downloads Software License

A custom field for Filament that allows you to effortlessly select a location on a map and retrieve geographical coordinates.

270298161-46b97f72-518b-40c5-963b-8e9d39d77d67

Introduction

Map Picker is a Filament custom field designed to simplify the process of choosing a location on a map and obtaining its geo-coordinates.

  • Features include:
    • A Field for Filament-v3 with OpenStreetMap Integration
    • Receive Real-time Coordinates Upon Marker Movement Completion
    • Tailor Controls and Marker Appearance to Your Preferences
  • Latest versions of PHP and Filament
  • Best practices applied:

Supported Maps

Map Picker currently supports the following map:

  1. Open Street Map (OSM)

Additional map options will be added to the package as needed and tested.

Installation

You can easily install the package via Composer:

composer require dotswan/filament-map-picker

Basic Usage

Resource file:

<?php
namespace App\Filament\Resources;
use Filament\Resources\Resource;
use Filament\Resources\Forms\Form;
use Dotswan\MapPicker\Fields\Map;
...

class FilamentResource extends Resource
{
    ...
    public static function form(Form $form)
    {
        return $form->schema([
            Map::make('location')
                    ->label('Location')
                    ->columnSpanFull()
                    ->afterStateUpdated(function (Get $get, Set $set, ?string $old, ?array $state): void {
                        $set('latitude', $state['lat']);
                        $set('longitude', $state['lng']);
                    })
                    ->afterStateHydrated(function ($state, $record, Set $set): void {
                        $set('location', ['lat' => $record->latitude, 'lng' => $record->longitude]);
                    })
                    ->liveLocation()
                    ->showMarker()
                    ->markerColor("#22c55eff")
                    ->showFullscreenControl()
                    ->showZoomControl()
                    ->draggable()
                    ->tilesUrl("http://tile.openstreetmap.de/{z}/{x}/{y}.png")
                    ->zoom(15)
                    ->extraTileControl([])
                    ->extraControl([
                        'zoomDelta'           => 1,
                        'zoomSnap'            => 2,
                    ])
           ]);
    }
    ...
}

License

MIT License © Dotswan

Security

We take security seriously. If you discover any bugs or security issues, please help us maintain a secure project by reporting them through our GitHub issue tracker. You can also contact us directly at tech@dotswan.com.

Contribution

We welcome contributions! contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

统计信息

  • 总下载量: 106
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 2
  • 点击次数: 3
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 2
  • Watchers: 1
  • Forks: 0
  • 开发语言: PHP

其他信息

  • 授权协议: MIT
  • 更新时间: 2024-06-16

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固