首页 > 其他分享 >mapbox加载geojson报错error: Style is not done loading

mapbox加载geojson报错error: Style is not done loading

时间:2023-04-28 21:56:25浏览次数:40  
标签:map Style loading my geojson 报错 circle data 加载

Mapbox 加载 GeoJSON 地图时,遇到 error: Style is not done loading 错误通常是由于地图样式文件没有加载完成引起的。具体来说,可能是因为 Mapbox 样式文件中包含了某些需要加载的图片或者矢量图层,而这些图片或矢量图层尚未完全加载完成,导致无法渲染地图。

为解决此问题,可以尝试以下方法:

  1. 通过监听 style.load 事件,确保地图样式文件已经完全加载,再加载 GeoJSON 数据。
map.on('style.load', function() {
  // 其他地图样式文件的相关渲染
  map.addSource('my-data', { // 添加 GeoJSON 数据
    'type': 'geojson',
    'data': 'my-data.geojson'
  });
  map.addLayer({
    'id': 'my-data-layer',
    'type': 'circle',
    'source': 'my-data',
    'paint': {
      'circle-radius': 6,
      'circle-color': '#FF0000'
    }
  });
});
  1. 如果仍然存在问题,可以将加载 GeoJSON 数据的部分延迟一段时间(如200ms或更多),直到 Mapbox 样式文件完全加载完成后再加载数据。
map.on('style.load', function() {
  // 其他地图样式文件的相关渲染
  setTimeout(function() { // 延迟加载 GeoJSON 数据
    map.addSource('my-data', { // 添加 GeoJSON 数据
      'type': 'geojson',
      'data': 'my-data.geojson'
    });
    map.addLayer({
      'id': 'my-data-layer',
      'type': 'circle',
      'source': 'my-data',
      'paint': {
        'circle-radius': 6,
        'circle-color': '#FF0000'
      }
    });
  }, 200); // 延迟时间可以根据实际情况调整
});

以上是两种可能的解决方法,如果仍然无法解决问题,请检查您的地图样式文件是否存在错误或其他问题。

标签:map,Style,loading,my,geojson,报错,circle,data,加载
From: https://www.cnblogs.com/echohye/p/17363242.html

相关文章

  • 解决报错requests.exceptions.ConnectionError: HTTPSConnectionPool(host=‘xxx’, p
    解决报错requests.exceptions.ConnectionError:HTTPSConnectionPool(host=‘xxx’,port=443):Maxretriesexceededwithurl使用requests时出错解决报错requests.exceptions.ConnectionError:HTTPSConnectionPool(host=‘xxx’,port=443):Maxretriesexceededwithurl......
  • web.xml报错
    web.xml报错 Thecontentofelementtype"web-app"mustmatch"(icon?,display-name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,servlet-mapping*,session-config?,mime-mapping*,welcome-file-list?,err......
  • hive on spark报错
    Errorinquery:DetectedimplicitcartesianproductforLEFTOUTERjoinbetweenlogicalplansUnionJoinconditionismissingortrivial.Either:usetheCROSSJOINsyntaxtoallowcartesianproductsbetweentheserelations,or:enableimplicitcartesianpro......
  • 【TypeScript】document.body.style TS 报错 Cannot assign to 'style' because it is
    报错信息解决方法style对象提供了一个cssText属性,支持设置多种CSS样式:document.body.style.cssText=`width:${targetX}px;height:${targetY}px;transform:scale(${scaleRatio})translateX(-50%);left:50%`;还有其他方法也可以,参考下面的文章参考文章七爪源码:使用......
  • The principle of uploading files with command line tools All In One
    TheprincipleofuploadingfileswithcommandlinetoolsAllInOne命令行工具文件上传的原理/TheprincipleofcommandlinetoolfileuploaddemospipgitCDNOSS{"name":"xui","version":"1.0.0","main&q......
  • Python-运行库报错“ImportError: DLL load failed: 找不到指定的模块。”
    1.看到这个报错的一瞬间,以为是Pycharm有问题,加上公司的电脑,对于2020以后的版本的不适用,以为是Pycharm需要有改动。但是大费周章(不断安装卸载Pycharm)以后,依旧没有任何的改变。百度以后,说是第三方库的某个模块没有,让卸载三方库,重新安装。尝试过以后没有用。2.思考了两天,突然想到,这......
  • 控制台报错:[Vue warn]: Error in render: "TypeError: Cannot read properties of nu
    可能原因在调取接口获取返回值时,由于各种原因(参数错误、返回格式不规范等),导致接收返回时数据类型与初始值不同。data(){return{list:[]//原本是个数组对象}},methods:{getList(){letparams={}apiRequest(params).then(r......
  • Hadoop启动集群报错:Starting namenodes on [hadoop01] hadoop01: root@hadoop01: Per
    搭建三个hadoop集群的时候,master没有启动namenode和datanode,报错:Startingnamenodeson[hadoop01]hadoop01:root@hadoop01:Permissiondenied(publickey,gssapi-keyex,gssapi-with-mic,password).Startingdatanodeshadoop01:root@hadoop01:Permissiondenied(publicke......
  • PHP8编译安装报错make: *** [ext/fileinfo/libmagic/apprentice.lo] Error 1
    make:***[ext/fileinfo/libmagic/apprentice.lo]错误1 解决:当配置PHP时出现make:***[ext/fileinfo/libmagic/apprentice.lo]Error1时是因为服务器内存不足1G只需要在配置命令中添加--disable-fileinfo即可......
  • 记录-有意思的气泡 Loading 效果
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助今日,群友提问,如何实现这么一个Loading效果:这个确实有点意思,但是这是CSS能够完成的?没错,这个效果中的核心气泡效果,其实借助CSS中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们之前的:使用纯C......