定制 imumz/nova-4-map-coordinates 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

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

imumz/nova-4-map-coordinates

最新稳定版本:v1.3

Composer 安装命令:

composer require imumz/nova-4-map-coordinates

包简介

A Laravel Nova field.

README 文档

README

GitHub release (latest by date) Packagist

Nova4MapCoordinates

Custom Laravel Nova 4 form field for create and update using Leaflet to retrieve coordinates from a clickable map marker. Supports Search, Google Maps, map height, marker popup and custom marker icons.

image

Installation

composer require imumz/nova-4-map-coordinates

Usage

use Imumz\Nova4MapCoordinates\Nova4MapCoordinates
...
Nova4MapCoordinates::make('Coordinates')

Available Methods

Height

Nova4MapCoordinates::make('Coordinates')
->height('400px') // default is 300px

Google Maps

image

By default the provider is OpenStreetMaps.
You must set your Google Maps API key (https://developers.google.com/maps/documentation/javascript/get-api-key).

Nova4MapCoordinates::make('Coordinates')
->googleApiKey('')
->googleMapType('roadmap'), // roadmap, satellite or hybrid

Default Tile Provider

Nova4MapCoordinates::make('Coordinates')
->defaultTileProvider('google') // google, openstreetmap

Default Latitude and Longitude

Nova4MapCoordinates::make('Coordinates')
->defaultLatitude()
->defaultLongitude()

Zoom

Set the zoom level. Default is 8.

Nova4MapCoordinates::make('Coordinates')
->zoom(12)

Search

The search provider is a work in progress. Default is ESRI.

image

Search Provider Options

You can pass additional parameters to the searchProviderOptions method

Nova4MapCoordinates::make('Coordinates')
->searchProviderOptions([
  'sourceCountry' => 'ZA',
])

Show / Hide Coordinates Field

The coordinates input field can be hidden

Nova4MapCoordinates::make('Coordinates')
->showMapCoordinates(false)

Custom Marker Icon

Nova4MapCoordinates::make('Coordinates')
->markerIcon('/images/marker-icon.png')

You can pass additional parameters to set the icon size and anchor

->markerIcon('/images/marker-icon.png',[100,100],[50,50])

image

统计信息

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

GitHub 信息

  • Stars: 0
  • Watchers: 1
  • Forks: 1
  • 开发语言: Vue

其他信息

  • 授权协议: MIT
  • 更新时间: 2024-09-04