- 博客(30)
- 收藏
- 关注
原创 cesium中Entity的CylinderGraphics添加圆柱体
cesium可以利用CylinderGraphics类将创建的圆柱体添加到地球中。
2023-10-26 20:11:00 413
原创 cesium中Entity的billboardGraphics添加图片标注
cesium可以利用billboardGraphics类将创建的图片标注添加到地球中。
2023-10-24 23:39:33 414
原创 cesium探索系列目录
Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。
2023-10-01 20:34:30 429
原创 WebGL图像处理
WebGL基础-变量控制与颜色修改。但更多的场景中,不能使用简单的颜色来展示,具有复杂的图形展示需求,这个时候就需要使用纹理贴图来实现。
2023-10-01 17:58:51 108
原创 WebGL 基础概念
WebGL经常被当成3D API,做出炫酷的3D作评。 但WebGL仅仅是一个光栅化引擎,它可以绘制出点,线和三角形。 想要利用WebGL完成更复杂任务,需要组合使用点,线和三角形来实现。
2023-09-23 23:32:23 225
原创 WebGL探索系列目录
WebGL 解决了用户在页面中绘制和渲染 3D 图形的功能,且使用户通过页面与三维图形交互成为可能,这项技术将在下一代开发用户易用直观界面中发挥重要的作用。在接下的几年,WebGL技术将广泛地应用于电子设备的移动终端,包括平板、手机设备,因此,WebGL 技术的学习显的特别重要。MapboxOpenlayersCesiumThree等前端库都使用了WebGL或者升级了WebGL2,学习WebGL可以让我们对这些库的底层与源码有着更深的理解。
2023-09-12 12:40:11 66
原创 cesium中Entity的RectangleGraphics添加矩形
使用Rectangle类创建矩形,利用RectangleGraphics将创建的矩形添加到地球中。
2023-08-31 22:42:36 977 3
原创 cesium中Entity的EllipseGraphics添加椭圆
利用EllipseGraphics能够在cesium中添加椭圆、圆等形状。
2023-08-27 18:22:20 776 1
原创 cesium利用UrlTemplateImageryProvider加载高德底图
在国内,常用高德、百度等的切片底图,想要加载这些底图时,可以使用UrlTemplateImageryProvider类创建。
2023-08-17 12:49:47 1335 3
原创 cesium中添加天地图底图
天地图主要使用的是WGS84坐标系,并提供了矢量、影像、地形等多种底图。可以利用cesium的WebMapTileServiceImageryProvider完成天地图底图的加载。
2023-08-16 21:52:20 1757 1
原创 cesium加载影像图层基础知识-ImageryLayer与ImageryProvider类
cesium在加载影像时,需要使用cesium中的影像图层类,如ImageryLayer与ImageryProvider类。Cesium加载影像图层(ArcGIS、Bing、Mapbox、高德地图、腾讯地图、天地图等各类影像图)中的部分内容。
2023-08-13 01:22:25 1698 1
原创 cesium常用单词的含义
每一个代码都有其书写习惯及其规范,而cesium也不例外,在几次学习后,发现有部分单词的释义相近,所以记录下其中的一些关键单词的含义,那么在cesium中的其他类中,可能会与其他单词组合,且释义也是组合的方式,而了解了这些关键词后可以快速的知道组合的释义,该文章会一直更新。
2023-08-09 12:40:19 78
原创 cesium屏幕空间监听事件
本文主要解析了ScreenSpaceEventHandler类,并实现了屏幕空间事件的监听。部分内容参考了文章:cesium-事件监听(获取点击位置的经纬度和高度)。添加了部分ts的代码,和对回调函数参数的解析,这些参数一般是屏幕的坐标,通过坐标转换后可以向cesium球体上增加元素,可以实现点击添加点、移动物体等复杂的操作。
2023-08-07 22:47:25 991 1
原创 vue的methods属性的方法中出现回调函数,在回调函数内部获取data中的数据
在vue中,可能会遇到在methods属性中书写的方法中出现回调函数的情况,如以下代码:data(){ return{ gemometry: "" }}methods: { draw(){ map.changeDragMode('drawPolygon', function(e){ this.geometry = e.getCoord() }) }}该代码主要想把函数参数中的坐标值绑定到data数据中,但是这里是不可行的,因为此时的函数内部绑定的this是该函数下的th
2021-10-19 20:51:38 3059 3
原创 ArcGIS API for JavaScript+vue系列(四)-自行封装类似于百度地图中的底图切换(basemapGallery)功能
目录一、背景与思考二、封装MapSwitch文件一、背景与思考在ArcGIS API的widgets中,有一个basemapGallery的底图切换功能,但是该功能占据的空间过大,且不够美观,所以尝试利用vue自行封装一个底图切换功能。百度地图的底图切换功较为优秀,切换功能置于地图页面的右下角,且当鼠标未悬于切换图层上时不会展示其他的切换图层,该展示的方式既美观又不过分的占据地图的空间,所以参照此功能来封装我们的底图切换功能。在封装该功能之前,我们需要需要分析一下该功能的组成部分。首先在地图页面
2021-10-19 20:15:49 1324 4
原创 ArcGIS API for JavaScript+vue系列(三)-地图layer的基本概述
目录一、图层Layer二、一些layer的简述1 FeatureLayer2 GraphicsLayer3 ImageryLayer3 TileLayer一、图层Layer图层是Map最基本的组件。它是表示现实世界现象的矢量图形或光栅图像形式的空间数据的集合。图层可能包含存储矢量数据的离散特征或存储栅格数据的连续像元/像素。对于基于矢量的图层,例如FeatureLayer和GraphicsLayer,图层中包含的每个要素都有一个Geometry,允许将其渲染为具有视图空间上下文的Graphic。图层内
2021-08-15 20:16:56 1268 6
原创 ArcGIS API for JavaScript+vue系列(二)-地图view与map的基本概述
目录地图Map地图Map在地图中,Map类是非常重要的组成元素,
2021-08-13 23:16:33 2323 14
原创 ArcGIS API for JavaScript+vue系列(一)-使用npm安装@arcgis/core
目录一、ArcGIS API for JavaScript简介二、vue简介三、安装@arcgis/core一、ArcGIS API for JavaScript简介ArcGIS API for JavaScript是WebGIS开发中非常重要的前端JS库,是浏览器端调用ArcGIS功能所使用的库。如Arcmap Pro中所使用的创建要素,编辑要素等地图功能,在浏览器端要实现这些共嗯那个即需要调用ArcGIS API for JavaScript。ArcGIS API for JavaScript目前
2021-08-11 17:44:20 9837 17
原创 对于GISer身份的思考
GISer的思考对于GIS身份的思考对于GIS身份的思考经过了很长时间的学习,对于GIS的有了更深的认知和了解。对于自己的职业发展也有着不断的了解和认知。最近看了一篇大佬写的文章,对GIS目前所处的环境、发展前景、学校教授课程的局限性都进行了深刻的剖析。GIS作为一个...
2021-08-10 14:43:56 352 5
原创 ArcEngine背景知识
接口:一种用了定义程序的协议,它对描述可属于任何类或结构的一组相关行为。类:具有相似属性和方法的对象的集合。对象:类的具体实例。(1) 接口创建后必须由类来继承并实现里面定义的方法和属性,最后通过创建类的一个实例(对象)后,才能最终去使用相关的方法和属性。(2) 在接口或类的书写中,在属性的添加中,可以利用set和get为其添加可读可写的属性。书写的类型为string color { get; set; }。(3) 继承一般使用:来实现,例如一个类carA继承一个接口ICar,那么C#的语句是:c
2021-02-04 10:27:36 275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人