Make sure to install the dependencies:
# yarn
yarn install
Start the development server on http://localhost:3000
:
# yarn
yarn dev
Build the application for production:
# yarn
yarn build
Locally preview production build:
# npm
# yarn
yarn preview
You 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.