Web mapping Z-3

This is a static website with an interactive map embedded. This site has about, privacy, terms, FAQ, and main pages. The main page is a Mapbox map that contains fake markers, each with a popup that shows short information. When the popup is opened, it shows a button to open an off-canvas that contains more details. The map also has a button to filter the markers based on color.

Live Demo


image info

Built with

How to use

After cloning this project on your local machine, go to mapbox.com, create an account, a get a token. Open the main file “App.vue” find this variable “mapboxgl.accessToken” and paste your token there.


The Unlicense


[email protected]


View Github