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如何使用原生高德地图你知道吗_第2张图片

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!   

你可能感兴趣的:(vue如何使用原生高德地图你知道吗)