vue如何使用原生高德地图你知道吗 vue如何使用原生高德地图你知

【vue如何使用原生高德地图你知道吗】1、先在vue项目根目录下新建vue.config.js，这个文件是没有的，vue不提供

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

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

default

3、在vue文件中使用

文章图片

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

.amap-e, .amap-maps {width: 100%; height: 100%; outline: none; background: #050b17; } .amap-copyright {display: none!important; left: 77px; height: 16px; bottom: 0; padding-bottom: 2px; font-size: 11px; font-family: Arial,sans-serif; } .amap-copyright, .amap-logo {display: none!important; }