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

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

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

2、在vue文件index.html中引入高德地图js文件
default - 锐客网

3、在vue文件中使用

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; }

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

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

    推荐阅读