173：vue+openlayers：解决国内openstreetmap地图加载不出来的问题（代码示例）

在这里插入图片描述

第173个

点击查看专栏目录



近来写程序，发现openlayers用OSM方式来加载OpenStreetMap地图，一片爆红，瓦片加载不出来。 本示例的目的是介绍演示如何在vue+openlayers中解决OpenStreetMap地图在国内被DNS污染，加载不出来瓦片的问题，通常我们是直接引用OSM，这里采用的是XYZ方式来加载瓦片的路径，最重要是url的路径要稍加修改一点点，就能加载出来OpenStreetMap了。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

文章目录

<

文章知识点与官方知识档案匹配，可进一步学习相关知识
Vue入门技能树首页概览36687 人正在系统学习中
GIS前端交流，协助开发功能
微信名片
注：本文转载自blog.csdn.net的还是大剑师兰特的文章"https://blog.csdn.net/cuclife/article/details/127787652"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。
复制链接
相关推荐
发表评论

评论记录：

未查询到任何数据！