vue利用openlayers加载天地图和高德地图 vue利用openlayers加载天地图和高

【vue利用openlayers加载天地图和高德地图】
一、天地图部分
1、在vue中安装openlayers

npm i --save ol

这里说的vue是基于脚手架构建的。新建个页面，也就是vue文件，配置好路由。接着就是可以直接放入我的代码运行显示了。

.map {width: 100%; height: 100vh; }

天地图就可以显示出来了。
效果图：

二、高德地图部分相对于天地图，高德地图就容易多了，直接上代码

#map{/* 屏幕宽高 */width: 100vw; height: 100vh; }

到此这篇关于 vue利用openlayers加载天地图和高德地图的文章就介绍到这了,更多相关openlayers加载天地图和高德地图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

vue利用openlayers加载天地图和高德地图