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.

View demo View Github

Installation

NPM

npm install vue-azure-maps

Yarn

yarn add vue-azure-maps

Setup

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

GitHub