使用下拉列表组件构建地理编码(Geocoding)字段

管理员

Filament 下拉列表组件相当强大，因为他允许你使用自动填充功能。你可以借用这个功能，构建一个简单的地理编码搜索组件。
要求

安装lGeocoder Laravel: https://geocoder-php.org/docs/
发布配置 php artisan vendor:publish (查找Geocoder)
在 config/geocoder.php 配置文件中，设置 Google GeoCoding 的API Key。当然你也可以安装和配置其他的地址提供者 (https://geocoder-php.org/docs/#providers)

代码

<?php
 
Forms\Components\Select::make('geocoding')
    ->label('Search')
    ->searchable()
    ->reactive()
    ->dehydrated(false)
    ->getSearchResultsUsing(function ($query) {
        return app('geocoder')->geocode($query)->get()
            ->mapWithKeys(fn ($result) => [
                $result->getFormattedAddress() => $result->getFormattedAddress()
            ])
            ->toArray();
    })
    ->afterStateUpdated(function ($state, $set) {
        /** @var \Geocoder\Provider\GoogleMaps\Model\GoogleAddress $result */
        $result = app('geocoder')->geocode($state)->get()->first();
        $coords = $result->getCoordinates();
 
        $set('street', $result->getStreetName());
        $set('street_number', $result->getStreetNumber());
        $set('city', $result->getLocality());
        $set('zipcode', $result->getPostalCode());
        $set('latitude', $coords->getLatitude());
        $set('longitude', $coords->getLongitude());
    }),