vue使用原生高德地图

1、先在vue项目根目录下新建vue.config.js,这个文件是没有的,vue不提供

module.exports = {
  configureWebpack: {
	  externals: {
		'AMap': 'AMap', // 高德地图配置
		'AMapUI': 'AMapUI'
	  }
  },
}

2、在vue文件index.html中引入高德地图js文件



  
    
    
    
    
    default
  
  
    
    

3、在vue文件中使用


 

vue使用原生高德地图_第1张图片

5、卫星图动漫切换镜头,动画效果


 


 

你可能感兴趣的:(vue,高德地图,vue.js,javascript,前端)