当前位置: 首页 > news >正文

openlayers请求地图瓦片超时的问题解决

这是初始化代码

state.map = new Map({target: "distributeMap",layers: [new TileLayer({source: new OSM(),}),],view: new View({projection: "EPSG:4326", //使用WGS 84坐标系center: [114.31, 30.62048],zoom: 12,}),});

在这里插入图片描述
只能显示地图的放大缩小控件和底部文字

控制台显示报错
在这里插入图片描述
解决办法
把openlayes的layers属性设置成天地图形式 不要用openlayers自带的地图瓦片 因为"墙"原因 你懂的

把初始化代码改一下

let layer = new TileLayer({source: new XYZ({url: "http://t4.tianditu.com/DataServer?T=vec_w&tk=4a76fd399e76e3e984e82953755c3410&x={x}&y={y}&l={z}",}),});state.map = new Map({target: "distributeMap",layers: [layer],view: new View({projection: "EPSG:4326", //使用WGS 84坐标系center: [114.31, 30.62048],zoom: 12,}),});

在这里插入图片描述
显示成功

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • SpringBoot 解决 getSession().getAttribute() 在负载均衡环境下无法获取session的问题
  • 【C++PythonJava】字符处理详细解读_字符_ASCLL码_字母数字转换_算法竞赛_开发语言
  • 智能家居和智能家电有什么区别?
  • 深入探讨:Node.js、Vue、SSH服务与SSH免密登录
  • vscode常用组件
  • k8s集群创建devops项目一直等待状态,没有发现host
  • 算法——双指针(day3)
  • 记一下blender的烘焙贴图的UV特殊用法
  • HouseCrafter:平面草稿至3D室内场景的革新之旅
  • 数学基础【俗说矩阵】:矩阵相乘
  • redhat 7服务管理
  • 科普文:TaobaoVM信息收集
  • 算法 —— 快速幂
  • mac docker no space left on device
  • 计算机网络——网络层(路由选择协议、路由器工作原理、IP多播、虚拟专用网和网络地址转换)
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • 0x05 Python数据分析,Anaconda八斩刀
  • Angular数据绑定机制
  • CSS 三角实现
  • JavaScript 奇技淫巧
  • js 实现textarea输入字数提示
  • JWT究竟是什么呢?
  • linux安装openssl、swoole等扩展的具体步骤
  • MySQL用户中的%到底包不包括localhost?
  • rabbitmq延迟消息示例
  • VuePress 静态网站生成
  • 聊聊sentinel的DegradeSlot
  • 码农张的Bug人生 - 见面之礼
  • 三栏布局总结
  • 学习笔记DL002:AI、机器学习、表示学习、深度学习,第一次大衰退
  • ​ssh免密码登录设置及问题总结
  • ​一些不规范的GTID使用场景
  • #if和#ifdef区别
  • $.proxy和$.extend
  • (1)(1.9) MSP (version 4.2)
  • (solr系列:一)使用tomcat部署solr服务
  • (二)PySpark3:SparkSQL编程
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (七)Activiti-modeler中文支持
  • (详细版)Vary: Scaling up the Vision Vocabulary for Large Vision-Language Models
  • (学习总结16)C++模版2
  • (原创) cocos2dx使用Curl连接网络(客户端)
  • (转)EOS中账户、钱包和密钥的关系
  • (转)Google的Objective-C编码规范
  • (转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .Family_物联网
  • .Net 4.0并行库实用性演练
  • .NET 程序如何获取图片的宽高(框架自带多种方法的不同性能)
  • .NET 读取 JSON格式的数据
  • .NET 漏洞分析 | 某ERP系统存在SQL注入
  • .NET 使用 JustAssembly 比较两个不同版本程序集的 API 变化
  • .netcore 如何获取系统中所有session_如何把百度推广中获取的线索(基木鱼,电话,百度商桥等)同步到企业微信或者企业CRM等企业营销系统中...
  • .NET编程——利用C#调用海康机器人工业相机SDK实现回调取图与软触发取图【含免费源码】
  • [ C++ ] STL_vector -- 迭代器失效问题