wm/map-point

A Laravel Nova field.

Downloads

1794

Stars

0

Version

v0.0.9

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.
webmappsrl

Author

webmappsrl