20th Apr, 2021Gareth Simons

vue-mapbox-feature is a minimalist Vue component for displaying dynamic geojson on a Mapbox GL JS or MapLibre GL maps.

I needed something that would let me easily inject and modify geoJSON in interactive mapping scenarios — e.g. when modifying geometry via the fantastic turf library — so created this component to abstract away some of the overhead. It works by injecting geoJSON features into a map instance and these features can be updated in real-time (within reason, you can only do so much in the DOM…)

It plays nicely with the complementary vue-mapbox-map component for dynamic Mapbox GL JS maps.

Head over to the documentation for more information!

Scroll the page to see some action!