mapbox cesium
盘点 | 2019 年 Top 10 Mapbox 开发者地图，一年的精华都在这里
盘点 | 2019 年 Top 10 Mapbox 开发者地图，一年的精华都在这里 Mapbox中国 10 amazing maps from 2019 Map is never static! 2020 年即将到来，这也将迎来 Mapbox 成立十周年的日子。在过去的十年里，Mapbox 不断优化 ......
cesium对比entity和primitive添加polyline
primitive方式要复杂一些，但是效率要高一些 primitive方式 function createPrimitive(coordinate) { let polyline = new Cesium.GroundPolylineGeometry({ positions: Cesium.Cart ......
cesium 自定义属性方法
Cesium.Cesium3DTileset.prototype.setObjsColor = function (ids) { let currentStyle = this.style && this.style.style || {}; this.style = new Cesium.Cesi ......
cesium 3dtils 房屋打组 实现单个房屋选中效果
效果 scenetree.json记录的是模型的数据，这种element的节点上记录的 name 就是建模时给建筑物打组时起的名字，后面cesium创建模型时，建筑物上的每个feature都会添加这个name参数，根据这个name参数可以找到这个模型中的所有feature handler.setIn ......
cesium设置动态属性
中文文档地址 http://cesium.xin/cesium/cn/Documentation1.62/ColorMaterialProperty.html?classFilter=ColorMaterialProperty 点闪动 注意黄色代码部分，一定要加，否则属性会一直处于动态属性状态，一直 ......
cesium第一个示例
Cesium源码下载 Cesium最新版本下载地址：https://cesium.com/downloads/，本次教程用的1.109版本的Cesium，如果当前版本较高，可点击Previous releases找到1.75版本的Cesium下载，下载界面如下图所示： 下载完之后进行解压，压缩包主要 ......
【Unity3D】Cesium加载大地图
1 前言 Cesium 是一个地球可视化平台和工具链，具有数据切片、数据分发、三维可视等功能。 Cesium 支持 JS、Unity、Unreal、O3DE、Omniverse 等平台，框架如下。 Cesium 相关链接如下： Cesium 官网：https://cesium.com C ......
Cesium中的坐标转换
Cesium中的坐标转换 1 Cesium中相关坐标系 1.1 WGS84坐标系 cesium假设wgs84坐标系构成地球球体是xy平面的正圆，z轴稍微小一点扁椭球 x轴垂直纸面向上，wgs84坐标系定义的x，y平面圆是正圆，半径是6378137，xz或者yz的圆是椭圆，z轴的半径是：635 ......
Cesium加载三维模型rendering.Rendering has stopped
使用Cesium加载数据量大、精度高的三维模型数据经常在运行一段时间后，会报如下错误： An error occurred while rendering.Rendering has stopped. TypeError：Failed to execute 'shaderSource' on 'We ......
如何在mapbox中将标注添加到面
const testGeoJOSN = () => { // 加载 GeoJSON 数据 map.addSource("geojson", { type: "geojson", data: china, generateId: true, }); map.addLayer({ id: "china" ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码（注意在官网注册和token值申请） <template> <div class="mapbox-map001"> <p> https://www.m ......
Cesium常用功能封装，js编码，每个功能独立封装——第1篇
Cesium常用功能封装，js编码，每个功能独立封装，方便直接应用到项目中。 本脚手架可以前端独立运行。 本脚手架项目是前后端一整套，包括权限管理。前端框架采用Vue3 + js + ElementUI-Plus，后端采用Spring Boot + Mysql + Redis，GIS引擎本项目中是C ......
Cesium常用功能封装，js编码，每个功能独立封装——第2篇
Cesium常用功能封装，js编码，每个功能独立封装，方便直接应用到项目中。 本篇紧接着第一篇来写，第一篇链接： https://www.cnblogs.com/haimaqu/p/17719747.html 本脚手架可以前端独立运行。 本脚手架项目是前后端一整套，包括权限管理。前端框架采用Vue3 ......
Mapbox | setStyle切换源保留添加图层
问题描述 在使用 Mapbox-GL 构建地图 Web 应用程序。它有很多很酷的功能。根据需求在地图上设置了切换基本地图（即卫星、地形等）的按钮。 遇到的问题是，当使用setStyle()更改样式时，它会删除作为图层加载的多边形并重新加载地图，而且会把我后续单独添加的图层给删除，我希望能够更改基本地 ......
mapbox点图层标注根据zoom层级进行显示与隐藏
主要使用了这个表达式进行过滤："text-opacity": ["step", ["zoom"], 0, 5, 1] 这个表达式的意思就是zoom在小于5时text-opacity值等于0，大于5时text-opacity值等于1 const addPortsGeoJSONLayer = (port ......
如何从 Mapbox 获取缩放级别的比例？
https://docs.mapbox.com/help/glossary/zoom-level/#zoom-levels-and-geographical-distance https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames#Resol ......
Cesium学习笔记10——通过WFS服务实现交互式属性查询
1.功能说明： 鼠标绘制多边形进行查询，通过多边形范围，调用Geoserver发布的WFS服务，查询相交的地图要素，将返回结果高亮显示。 单击高亮显示的要素，显示要素的属性信息。 2.网页html代码： <!DOCTYPE html> <html lang="en"> <head> <meta ch ......
Cesium自定义天地图底图颜色
# 自定义天地图底图颜色 在使用Cesium创建3D地球应用程序时，默认的天地图颜色并不能满足全部需求，就需要自定义天地图底图颜色。 开搞。 # 天地图的支持 天地图不支持在cesium中对矢量底图的颜色进行自定义，需要从Cesium入手——即扩展Cesium的地图加载类，以便能够使用自定义的代码来 ......
cesium 地图对当前画面截图，下载
captureScreenshot() { const { viewer } = this.state const { when } = Cesium; const deferred = when.defer(); const scene = viewer.scene; var removeCall ......
Cesium地形抬升效果怎么做？
地形抬升的思路是什么也需要切分3角面？ 改地形顶点数据 还是改vs着色器呀？ 如果需要改源码的话，怎么改？ 来源：Cesium深入浅出群(854943530) ......
Cesium学习笔记9——鼠标交互绘制
html代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name ......
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆 2023-08-30 16:56·零玖UI设计 Cesium.js是一个强大的JavaScript库，用于创建高性能的3D地球可视化应用程序。它提供了许多功能和工具，使得设计出炫酷的3D地球可视化成为可能。下面是一些设计实例： ......
Cesium学习笔记——调用Geoserver发布的wms服务
参考链接：https://space.bilibili.com/597185371/channel/collectiondetail?sid=1650498 利用Geoserver发布地图服务，服务类型WMS。 采用Cesium调用wms服务，源码如下： 1 <!DOCTYPE html> 2 <h ......
Cesium CustomShader 不生效的问题
> CustomShader官网文档（1.95版本）：http://cesium.xin/cesium/en/Documentation1.95/CustomShader.html 一个比较刁钻的例子。 这几天想给模型贴图，学习用CustomShader，找了几个文章的demo和官方demo，都不生 ......
利用 3D 地理空间数据实现Cesium的沉浸式环境
地理空间数据为工业元宇宙中的应用提供丰富的真实世界环境和上下文信息、空间关系和实时监控功能。 近年来，3D 地理空间数据呈爆炸式增长。快速增长是由技术进步推动的，例如高分辨率航空和卫星图像，自动驾驶汽车和机器上的激光雷达扫描仪，3D重建算法和AI的改进，以及扫描技术在手持设备和智能手机中的普及，使日... ......
java-vector-tile | 使用java生成Mapbox矢量图块规范的矢量图块
 [https://github.com/ElectronicChartCentre/java-vector-til ......
Cesium中坐标系的转换
初学cesium，对cesium中的camera转换感到狠迷惑 对于屏幕坐标系统(二维)、笛卡尔空间直角坐标系统(WGS84）、地理坐标系统(经纬度坐标)的具体内容不再赘述见该博客cesium中的坐标系统与转换 对于camera的heading pitch roll的具体内容不再赘述，见博客Cesi ......
Mapbox—geocoder搜索地点error eaching the server
# Mapbox—geocoder搜索地点error eaching the server [——There was an errorr eaching the server](#focus) 环境说明： vue3.3.4 mapbox-gl: 2.13.0 @mapbox/mapbox-gl-ge ......
Cesium学习笔记5-加载城市建筑物火柴盒模型
将shp文件转换为cesium可以加载的geojson文件，在线转换工具，使用cesium的GeoJsonDataSource接口类，根据建筑物高度上色加载geojson文件。 注意shp文件包含_Height字段。代码如下： <!DOCTYPE html> <html lang="en"> <he ......
MapBox最新账号注册教程
MapBox是把地图产品做到极致的示范，其美观的地图、自定义样式深受大众喜欢。很人在账号注册就卡住了，前面为源GIS为大家整理过完整的教程，但最近官方服务器更新了，变化最大的一点是不支持国内邮箱了，且仍然可能遇到We're sorry! There's been an unexpected erro... ......