Use Mapbox Popups with Vue 3

Pascal Luther
The Startup
Published in
4 min readJan 13, 2021

--

Mapbox is super cool. 🥳 Vue 3 is super cool. 🥳

Bringing them together can be a bit tricky though.

In this article we will look at how to use a Vue 3 (single file) component as content of a Mapbox popup, while keeping full reactivity and all features of Vue 3 that we so love.

TLTR; In Step 1–3 we will quickly set up a Vue 3 project that uses Mapbox and displays…

--

--

Pascal Luther
The Startup

Cloud Product Architect by day, recreational web-developer by night. Currently a big fan of Vue & Nuxt.js and of going serverless with Google Firebase.