Vue Azure Maps

Vue Azure Maps is a library for Vue.js that integrates Azure Maps. It offers several Vue components out of the box and supports custom ones as well. This library has a dependency to Azure Maps Control Web SDK which uses Mapbox to render performant WebGL.

Vue Azure Maps enables us to declaratively render map components to the DOM using straightforward template syntax.

This library is a work in progress, once it is stabilized 1.0 will be released.



npm install vue-azure-maps


yarn add vue-azure-maps


Get an Azure Maps key at <>

import Vue from 'vue'
import VueAzureMaps from 'vue-azure-maps'
import 'vue-azure-maps/dist/vue-azure-maps.css'

Vue.use(VueAzureMaps, {
  key: '<Your Azure Maps key>',