Make sure to install the dependencies:
# yarn
yarn installStart the development server on http://localhost:3000:
# yarn
yarn devBuild the application for production:
# yarn
yarn buildLocally preview production build:
# npm
# yarn
yarn previewYou will need a mapbox access token to access maps and styles. Create your own account and contact the author to get access to the map styles. Paste the token into a .env and you're off to the races.
MAPBOX_TOKEN="xxx"Please look for todos in the code. Additionally consider these optimizations:
- Speed optimizations on the map. Digure out how to minimize layer data and map load times, optimize tile layer.
- Create a loader when map changes
- Optimize responsiveness
- Add more Integration tests.
- Add metadata for search optimization and display
- Possibly move styling data to code from saved mapbox map style.
Check out the nuxt documentation for more information. More info on mapbox.