Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adeweb-be/volto-leaflet-block
Adds a new map block based on Leaflet and React Leaflet
https://github.com/adeweb-be/volto-leaflet-block
plone volto volto-addon volto-block
Last synced: about 1 month ago
JSON representation
Adds a new map block based on Leaflet and React Leaflet
- Host: GitHub
- URL: https://github.com/adeweb-be/volto-leaflet-block
- Owner: adeweb-be
- License: mit
- Created: 2021-08-28T15:37:20.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-04-02T16:40:34.000Z (almost 2 years ago)
- Last Synced: 2024-11-29T01:11:12.471Z (about 2 months ago)
- Topics: plone, volto, volto-addon, volto-block
- Language: JavaScript
- Homepage:
- Size: 36.1 KB
- Stars: 3
- Watchers: 0
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-volto - volto-leaflet-block - A Leaflet map for Volto block (Addons)
README
# Volto Leaflet Block
## Overview
This package adds a new map block based on [Leaflet](https://github.com/Leaflet/Leaflet) and [React Leaflet](https://github.com/PaulLeCam/react-leaflet).
## Features
- Display a Leaflet map as a block
- Set the map default center (based on latitude and longitude) and zoom
- Add some markers on the map
## Profiles
In your `package.json` file:
### Minimal
```JSON
"addons": [
"@adeweb-be/volto-leaflet-block:minimal"
],
```
This will install the minimum config for this addon.
### Base
```JSON
"addons": [
"@adeweb-be/volto-leaflet-block"
],
```
This will install the minimum config + some preset markers.
## Roadmap
- Add Cypress tests
- Better coordinates widget (it's a bit clunky for now)
- Change map tiles source on the edit view
- More preset icons
- Better icon select widget (it's fine for a few icons but if you have hundred of them it's a mess)
- Draw path on the map (maybe, it seems difficult)
## Known issues
### Improper dependency for [React Leaflet](https://github.com/PaulLeCam/react-leaflet)
Currently, react-leaflet v3.x doesn't support Webpack v4, so we depend on [@monsonjeremy/react-leaflet](https://www.npmjs.com/package/@monsonjeremy/react-leaflet)
which is compatible with Webpack v4.
See here : https://github.com/PaulLeCam/react-leaflet/pull/885
When this gets merged (hopefully) we'll use the correct package.
## Translations
This addon has been translated into
- English
- French
## Install
If you already have a Volto project, just update `package.json`:
```JSON
"addons": [
"@adeweb-be/volto-leaflet-block"
],
"dependencies": {
"@adeweb-be/volto-leaflet-block": "*"
}
```
Install new add-on and restart Volto:
```shell
yarn install
yarn start
```
Go to http://localhost:3000
## Demo
https://user-images.githubusercontent.com/9050997/131229005-6a6fab3f-5ce9-4e0a-8ebd-a1a6b054aa19.mp4