Uses Mapbox GL JS in Vue Framework clustering with HTML markers

by Vue.js Examples

This example uses Mapbox GL JS in Vue Framework clustering with HTML markers and the custom property expressions number-format, get, !=, >, >=, all, and case. You can use HTML or SVG for clusters in place of a Mapbox GL layer by manually synchronizing the clustered source with a pool of marker objects that updates continuously while the map view…

View Demo View Github

maps3d

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.