<template>
 <div>
   <component :is="mapList[9]" ></component>
 </div>
</template>

<script>
export default {
  name: 'Demo',
  components: {
    'EginMap': () => import('./map/Map'),
    'BaseMap': () => import('./basemap/BaseMap'),
    'Zoom': () => import('./zoom/Zoom'),
    'Layers': () => import('./layers/Layers'),
    'Tools': () => import('./tools/Tools'),
    'Static': () => import('./static/Static'),
    'ELegend': () => import('./legend/Legend'),
    'Scale': () => import('./scale/Scale'),
    'Position': ()=> import('./position/Position'),
    'Page': ()=> import('./page')
  },
  data() {
    return {
      // componentName: 'EginMap',
      mapList: [
        'EginMap',
        'BaseMap',
        'Zoom',
        'Layers',
        'Tools',
        'Static',
        'ELegend',
        'Scale',
        'Position',
        'Page'
      ]
    }
  },
}
</script>

<style scoped>

</style>