Make sure to install the dependencies:

# yarn
yarn install

Start the development server on https://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.