digitalcloud/nova-address-field

一个Laravel Nova地址字段。

维护者

详细信息

github.com/DigitalCloud/nova-address-field

源代码

问题

安装次数: 16,052

依赖项: 0

建议者: 0

安全: 0

星标: 10

关注者: 5

分支: 11

公开问题: 13

语言:Vue

v1.3 2019-04-18 10:48 UTC

Requires

  • php: >=7.1.0

MIT 475d08189fa64683ab368c465e22bf3788797556

novalaravel

This package is auto-updated.

Last update: 2024-09-18 23:22:46 UTC

README

此字段允许您通过三种方式使用Google Places API选择地址

  1. 使用自动完成输入：用户开始输入时，地址会自动完成。在用户从弹出窗口中选择地点后，表单中会填充完整的真实地址以及所有元数据（如纬度和经度），地图也会居中到所选地址。
  2. 使用纬度和经度输入：如果您有地点的特定纬度和经度，您可以在表单中输入它们，自动完成输入将刷新为该纬度和经度的格式化地址，地图也将居中到该地址。
  3. 使用地图：您可以通过在地图上点击地点来选择地址，真实地址将自动填充。

安装

您可以通过composer安装此包

composer require digitalcloud/nova-address-field

您需要提供Google Places API密钥，您可以从https://console.developers.google.com获取一个，然后将API密钥添加到您的.env文件中

GOOGLE_PLACES_API_KEY=############################

用法

use DigitalCloud\AddressField\AddressField;
// ....

AddressField::make('Address'),

//You can enable lat and lng inputs:
GoogleAutocomplete::make('Address')
          ->withLatLng(),
          
//You can enable map picking address:
GoogleAutocomplete::make('Address')
        ->withMap(),
        
//You can set the init location and zoom for the map:
GoogleAutocomplete::make('Address')
        ->withMap()->initLocation('24.6', '46.7')->zoom(5),

图片

addressfield2