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

这篇文章给大家分享的是有关vue如何利用openlayers加载天地图和高德地图的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

一、天地图部分

1、在vue中安装openlayers

npm i --save ol

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

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

效果图：

二、高德地图部分

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

感谢各位的阅读！关于"vue如何利用openlayers加载天地图和高德地图"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！