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 https://azure.com/maps

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>',
})

The documentation is a work in progress.

Read the documentation and demos.

MIT

Copyright (c) 2019-present, Ricardo Ruiz