element ui vue js open street map

1<template>
2    <div id="app">
3          <div class='wrapper'>
4            <ejs-maps :zoomSettings= 'zoomSettings'>
5                <e-layers>
6                    <e-layer :layerType= 'layerType' >
7                    </e-layer>
8                </e-layers>
9            </ejs-maps>
10        </div>
11    </div>
12</template>
13
14<script>
15import Vue from 'vue';
16import { MapsPlugin, MapsComponent, Zoom } from '@syncfusion/ej2-vue-maps';
17import { world_map } from './world-map.js';
18Vue.use(MapsPlugin);
19export default {
20data () {
21    return{
22       zoomSettings: {
23           enable: true,
24           toolBars: ["Zoom", "ZoomIn", "ZoomOut", "Pan", "Reset"]
25       },
26       layerType: 'OSM'
27    }
28},
29provide: {
30    maps: [ Zoom ]
31}
32}
33</script>
34<style>
35  .wrapper {
36    max-width: 400px;
37    margin: 0 auto;
38  }
39</style>