承接 wm/map-point-nova3 相关项目开发

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

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

wm/map-point-nova3

最新稳定版本:v0.0.9

Composer 安装命令:

composer require wm/map-point-nova3

包简介

A Laravel Nova field.

README 文档

README

Map Point, awesome resource field for Nova

Version

Requirements

  • php: ^8
  • laravel/nova: ^4

Installation

You can install the package in to a Laravel app that uses Nova via composer:

composer require wm/map-point

Develop

create anova-components folder in the root of the project where you want to develop. Clone map-point inside. add in "repositories" array attribute of composer.json

        {
            "type": "path",
            "url": "./nova-components/map-point"
        }

modify in "requires" object attribute of composer.json

    "wm/map-point": "*",

launch inside the repository hosting the field

    cd vendor/laravel/nova && npm install

we need modify composer.lock launch

    composer update wm/map-point

launch inside field

    npm install

Usage

Map Point

image

You can display and edit a post gist geography(Point,4326) point on map

    use Wm\MapPoint\MapPoint;
    /**
     * Get the fields displayed by the resource.
     *
     * @param  \Laravel\Nova\Http\Requests\NovaRequest  $request
     * @return array
     */
    public function fields(NovaRequest $request)
    {
        return [
            ID::make()->sortable(),
                ...
            MapPoint::make('geometry')->withMeta([
                'center' => [42, 10],
                'attribution' => '<a href="https://webmapp.it/">Webmapp</a> contributors',
                'tiles' => 'https://api.webmapp.it/tiles/{z}/{x}/{y}.png',
                'minZoom' => 8,
                'maxZoom' => 17,
                'defaultZoom' => 13
            ]),
        ];
    }

Configuration

As of v1.4.0 it's possible to use a Tab class instead of an array to represent your tabs.

Property Type Default Description
center array [0,0] The coordinates used to center the view of an empty map.
attribution string '<a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery (c) <a href="https://www.mapbox.com/">Mapbox</a>' The HTML content displayed as map attribution.
tiles string 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' The tile URL used for the map.

统计信息

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

GitHub 信息

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

其他信息

  • 授权协议: MIT
  • 更新时间: 2023-03-30