Mapbox Integration for Vaadin Flow (10+)

Mapbox integration for Vaadin Flow. NB: This project is not affiliated with Mapbox or Vaadin.

This project is in early stage and contains some examples of how to work with the Mapbox GL JS API.

Find a demo via: https://mapbox-flow.herokuapp.com/.

Characteristics

• Based on Vaadin 14.1.25, although 14.1.* seems to have a larger memory footprint than 14.0.*.

To get started

• Create an account at Mapbox and save your API token in a file called mapbox.properties that contains the following line (replace by your own token): mapboxgl.accessToken=pk.ayJ1IjoibCFya2htIiRiYSI7ImNrM4ZoazZwcDBtajQzbW2xZHp2c3A4N3BifQ.Y1yevUv4K5gMIqlh2X1v5w
• To build/run: mvn jetty:run
• Open a browser to http://localhost:8080/

In case or problems

In case of problems with Vaadin, a full clean solves most issues:

• mvn clean
• rm package-lock.json
• rm -Rf node_modules

Acknowledgements

Feedback and contributions are appreciated.

• Project structure based on Appreciated's ApexCharts Flow component.

Dec 2019, @markhm.

Screenshot