mapbox-gl中mvt、pbf 矢量切片 feature id bug

这篇具有很好参考价值的文章主要介绍了mapbox-gl中mvt、pbf 矢量切片 feature id bug。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.版本:mapbox-gl.js 2.13.0,pbf采用 postgis生成

2.调用矢量切片时,采用如下方法查询矢量切片要素,报错

map.on('mousemove', function(e) {
                    var bbox = [
                        [e.point.x - 5, e.point.y - 5],
                        [e.point.x + 5, e.point.y + 5]
                    ];
                    var features = map.queryRenderedFeatures(bbox, {
                        layers: highlightLayers
                    });
                    if (hoveredFeature) {
                        map.setFeatureState({
                            source: hoveredFeature.source,
                            sourceLayer: hoveredFeature.sourceLayer,
                            id: hoveredFeature.id
                        }, {
                            hover: false
                        });
                  文章来源地址https://www.toymoban.com/news/detail-650303.html

到了这里,关于mapbox-gl中mvt、pbf 矢量切片 feature id bug的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • mapbox+deck.gl加载倾斜摄影模型3dtiles

    做三维WebGIS开发的朋友们都知道,我们加载倾斜摄影模型,一般使用cesium加载3dtiles格式的数据很简单,官网和网上都有很多例子,这里也不再详细赘述。但是在使用cesium场景中我们会遇到这样一个问题,在加载整个球的时候其实是影响了性能的,在加载局部小场景的时候我们

    2024年02月02日
    浏览(84)
  • 011:Mapbox GL两种方式隐藏logo和版权,个性化版权的声明

    第011个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+mapbox中用两种方式隐藏logo和版权,并个性化版权的声明 。 直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果 示例效果

    2023年04月17日
    浏览(55)
  • Mapbox加载天地图CGCS2000矢量瓦片地图

    1.背景 最近在做天地图的项目,要基于MapBox添加CGCS2000矢量切片数据,但是 Mapbox 只支持web 墨卡托(3857)坐标系的数据。Github有专业用户修改了mapbox-gl的相关代码,支持CGCS2000的切片数据加载,并且修改了相关的mapbox-gl的配套代码,详情请见github网址。https://github.com/cgcs2000

    2024年02月13日
    浏览(42)
  • 【01】mapbox js api加载arcgis切片服务

    第三方的mapbox js api加载arcgis切片服务,同时叠加在天地图上,天地图坐标系web墨卡托。 形如这种地址去加载http://zjq2022.gis.com:8080/demo/loadmapboxtdt.html 需要制作一个和天地图比例尺级别以及切片大小等一样的切片方案,可以通过arcmap或者arcgispro制作。如图: 具体的切片信息参数

    2024年01月19日
    浏览(50)
  • 【02】mapbox js api加载arcgis切片服务

    第三方的mapbox js api加载arcgis切片服务,同时叠加在mapbox自带底图上 形如这种地址去加载: http://zjq2022.gis.com:8080/demo/loadmapbox.html arcgis切片服务参考链接思路:【01】mapbox js api加载arcgis切片服务-CSDN博客

    2024年01月19日
    浏览(45)
  • 基于CanvasLabel的Leaflet矢量数据免切片属性标注实践

    目录 前言 一、Leaflet.CanvasLabel  1、开源地址 2、设置参数说明  二、组件集成 1、新建html文件 2、声明样式 3、定义矢量文本渲染器 4、定义地图 5、添加矢量数据 6、最终效果  总结         在一般的业务场景中,针对小量的矢量数据,比如POI兴趣点、线数据、面数据等,

    2024年01月22日
    浏览(37)
  • Django_MVT(二)

    目录 一、MVT简介 二、M-模型类 1. 定义模型类 2. 迁移 2.1 生成迁移文件命令如下: 2.2 执行迁移命令如下: 3. 数据基础操作 三、V-视图 1.定义视图 2.配置URLconf 访问服务器 四、T-模板 创建模板文件 定义模板 视图调用模板 视图调用模板简写 源码等资料获取方法 M 全拼为Model,

    2024年02月13日
    浏览(26)
  • FT2004(D2000)开发实战之PBF配置

    PBF英文全称Phytium Base Firmware,PBF主要作用: 初始化PLL 设置CPU主频 初始化DDR4 初始化PCIe控制器 初始化全局中断和定时器 跳转到U-boot 飞腾FT2004芯片BIOS固件由两部分构成,PBF+U-boot或者PBF+UEFI,最终的BIOS烧写⽂件由PBF固件包中的脚本程序⽣成,当然在生成最终的BIOS烧写文件之前

    2023年04月12日
    浏览(37)
  • cesium加载geoserver的mvt服务

    矢量切片顾名思义是矢量+切片的组合,因此也就结合了矢量不会丢失信息的特征和切片快速加载信息的特征这两大优点。 cesium 本身并不支持矢量切片的加载,所以需要借助其他工具进行解析。在Canvas中把矢量瓦片绘制好了,以图片形式像WMTS一样向Cesium提供图片服务就行了,

    2023年04月20日
    浏览(42)
  • 050:cesium加载mapbox卫星地图、mapbox地形地图

    第050个 点击查看专栏目录 本示例的目的是介绍如何在vue+cesium中加载mapbox卫星地图、mapbox地形地图。 直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果. 示例效果

    2023年04月18日
    浏览(86)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包