- 博客(24)
- 资源 (4)
- 收藏
- 关注
原创 我的cesium for UE踩坑之旅(蓝图、UI创建)
主要常用控件:图像(image)、按钮(button)、可编辑文本(text)。组件内有各种设置,诸如颜色、大小、边框等内容,悬停、聚焦等状态也可以单独调整。(图表、表格做起来比较麻烦,后续在做)打开关卡蓝图,并在对应的触发事件添加 “创建控件(create widget)” 和 “添加到视口( Add To Viewport)”,然后编译运行关卡即可。本次学习目标是制作一个大屏,因此修改画布大小为1920*1080,想要调整大小可以用鼠标拖动右下角的箭头。主要布局除顶部菜单栏以外分为三栏,左中右。
2024-08-06 17:16:39 576
原创 我的cesium for UE 踩坑之旅(创建及初始设置)
原因:UE软件问题,对中文名称项目的读取可能会遇到问题。将项目名称改为英文名称即可正常加载。原因:时间设置不对,对应半球未午夜时间,修改sunsky下的 time zone 即可。此处存在第一处坑,如果不勾选“扩展自动曝光*****”,全场景发白光,无法正常浏览。原因:场景设置中未勾选 “扩展自动曝光*****”,,曝光不正常导致。找到虚幻引擎市场资产中多点插件,安装进插件后重启项目。
2024-08-02 17:34:06 605
原创 leaflet 在线调用arcgis GP插值
调用GP插值服务主要分为两步一.arcgis 制作 GP服务1.arcmap版本需要和server版本一样, 不然gp服务无法使用2.发布服务的时候选择“查看结果图层”,不然不能渲染到地图上(同理,模型构建器中需要把最后的结果设为参数,不然也无法渲染)3.如果一直报错,但不知道哪有问题,打开arcgis manager ,点进调用的 gp 服务,里面有个 ”submitJob ***“ 的按钮,get或者post 的都可以,可以进入测试界面二.js调用import qs from 'qs' //
2022-05-18 18:00:39 243
原创 leaflet初始化时不正常显示
leaflet的不正常显示有多种情况:1、css未加载解决方法:检查css文件是否存在,已经是否正常加载,如果为否,加载即可2、div容器的宽高未正常设置解决方法:leaflet的容器必须设置宽高才能正常显示,高度设为100%时有时没有效果,建议使用vh、vw作为单位3、使用选项卡或者多个地图之间切换解决方法:一般是由于地图初始化时,div容器的display为none,导致无法正常获取宽高导致,如果框架支持懒加载方式,则使用懒加载即可,如果不支持懒加载方式,则将map设为全局变量,在切换地图时
2021-09-16 11:11:35 2629 2
转载 iis发布vue项目,通过代理获取接口
iis需要安装两个,模块才能实现这种功能urlrewrite和Application Request Routing;urlrewrite 作用为重写url;Application Request Routing 作用为设置代理;经过实测,其实使用 urlwrite 即可此处为原作者:https://segmentfault.com/a/1190000014483148...
2021-08-31 17:46:30 389
原创 cesium 手动绘制
使用vue框架搭建的,如果使用源生JS需要做适当调整重点在于"callbackParperty()"方法的使用,实现点、线的跟随鼠标事件<template> <ul class="drawTool"> <li class="drawTool_item"> <label id="1" @click="drawType">画点</label> </li> &
2021-08-02 16:43:31 754 2
转载 动态圆扩散
首先创建一个js文件,填入以下内容function EllipsoidFadeMaterialProperty(color, duration) { this._definitionChanged = new Cesium.Event(); this._color = undefined; this._colorSubscription = undefined; this.color = color; this.duration = duration; th
2021-06-09 17:01:40 340
原创 从头搭建cesium(vue)
本文基于node.js、webpack与vue进行项目的搭建,因此默认电脑已经安装好,如果未安装请先将环境搭建好,本文基于vue-cli4进行配置基础环境配置node.js(检测npm包管理工具 npm -v)Webpack安装(全局安装 npm install webpack -g)(安装检测: webpack -v)vue-cli脚手架构建工具(npm install vue-cli -g)(检测:vue -v)项目搭建1.在命令行执行,vue create project_name
2021-06-07 11:32:25 710
原创 cesium加载倾斜摄影测量、点云数据的处理
从客户处得到的倾斜摄影测量数据、点云数据由于涉密,本篇文章不会有截图,仅进行文字描述。使用工具:cesiumlab处理数据格式:倾斜摄影测量数据、点云倾斜摄影测量数据的处理cesiumlab中对于倾斜摄影测量数据的处理有两种:V3和V4,在无授权情况(即账号授权状况为:在线)下这两种处理方式并无二致,空间参考使用默认空间参考即可参数设置中具体含义纹理格式默认:默认的纹理格式。减小总量:数据总量减少,提高传输效率。减小显存:显存占用减小,提升渲染性能,但是数据总量会增加。综合优化:显存占用
2021-06-04 10:40:35 2648 5
原创 sketchup制作模型加载进cesium
使用sketchup绘制模型,模板选用 简单-米 ,绘制完成后使用卷尺工具测量,绘制的尺寸是否正确或者绘制的时候手动输入尺寸,设置地理位置,获取其经纬度坐标,后面需要用到选择材质、并导出为fbx,或者导出为3ds也可以,这两种格式最好导出选项如下图:单位务必选择“厘米”,如果选择“米”的话会导致导出的模型比例缩小了100倍,具体原因未知。导出完成后将模型加载进cesiumlab,选择“通用模型处理”,导入fbx文件,设置经纬度,处理即可。...
2021-06-04 09:35:26 1292
原创 cesium备忘录
切图使用:osg2cesiumApp、pcl2cesiumApp。如果不是上面的情况,更改cesium资源路径也可能解决这个问题。
2021-04-12 13:28:43 880
原创 常用坐标转换
//常数,即Π const pi = 3.14159265358979324 * 3000.0 / 180.0; const PI = 3.14159265358979324; //火星转百度 function marsTobaidu(mars_lng, mars_lat) { var baidu_point = { lon: 0, lat: 0 }; var x = mars_lng; var y = mars_lat; ...
2020-11-27 10:52:31 266
原创 leaflet 加载自定义mapbox的地图
【mapbox服务器在国外,因此常常会进不去官网,不用担心,多刷新几次或者换个时间就可以了,庆幸的是发布好的服务倒是不会出现这种情况。】首先在 mapbox上注册一个个人账号(网页纯英文的,英语不那么出色的最好使用chrome浏览器,或者安装翻译插件,我的是已经翻译过的)创建账户成功后登陆进去,会自动跳转,点击下图箭头位置来自定义属于自己的地图底图服务有多种不同风格的底图可供选择确定好需要的底图样式后,进去编辑页面调整称自己需要的样子,其中各种图层都可以单独编辑,更改样式、颜色、是否显示等。或
2020-09-15 14:27:44 2284
原创 arcmap批量导出shp和geojson数据(包含自定义文件名)
嘿,看这里导出geojson导出shp导出geojson使用arcmap导出geojson分为以下两种情况:1、arcmap版本为10.4及以下版本这种使用arcmap导出shp文件,然后将shp文件加载到 网页中,然后导出格式选为geojson即可(可以批量加载处理)。【建议保存该网页地址】2、arcmap版本为10.5及以上版本选择转换工具中的要素转json,打开窗口后,选择geojson格式即可图一图二如果需要将图层中每一个要素转出成一个geojson,则需要使用模型构建器。步骤如下
2020-08-10 16:03:55 9415 2
原创 JS实现leafelt实现筛选多边形、缓冲区内的点位
问:筛选缓冲区内的点总共分几步?答:三步。一、有点位。二、绘制缓冲区。三、用缓冲区选择点位。(笑)本次实验共使用两个插件,truf来绘制缓冲区,leaflet.pip进行筛选。局限性:待筛选点位和用来筛选的缓冲区都必须是GeoJSON格式,在项目中需要多进行一步转换,暂时没有发现其他的好方法来代替,如有大佬请指教一二。首先依旧是万年不变的引入js、css环节。 <script src="./js/leaflet-pip.min.js"></script> <
2020-07-14 17:33:14 646
转载 webgis各种地图坐标系之间转换(javascript版本)
本文转载自dalao:手心宝贝的原创博客,仅转载用来留存,方便以后学习与使用。写在前面(各坐标系都有哪些地图使用)bd09II: 百度地图gcj02: 高德地图、腾讯地图cgcs200: 天地图wgs84: osm、谷歌、arcgisonline。。。。这就是目录(0.。0)点击跳转经纬度转换BD09 <=> GCJ02GCJ02 <=> WGS84(CGCS200)经纬度、墨卡托转换墨卡托 <=> 经纬度BD09墨卡托 <=> BD09经纬度
2020-07-07 15:04:48 969
原创 内网geoserver发布多层级影像数据,并实现调用(使用leaflet)
公司近期会有项目需要实现在内网环境下调用高德、百度地图,但是内网与互联网又是物理隔离,无法直接调用各地图api,目前的方法是,将需要使用的地图下载到本地服务器上,并通过geoserver发布为服务,来实现调用。步骤分为以下几步:一、下载地图数据在各种地图下载器中流连之后,发现还是“太乐地图下载器”好用些,下载下来直接就可以发布,只需要注册下就可以。【其他下载器:BIGEMAP下载器、水经注、sxearth等,只是繁琐程度不同,都可以使用】‘太乐’下载步骤放在文章末尾,需要请移步(毕竟不是文章重点(0
2020-06-10 15:55:47 3536 2
原创 leaflet动态绘制圆、多边形
使用leaflet在页面中动态的绘制一个圆形,主要需要解决的有两点,其一是如何确定圆的中心,其二是如何确定圆的半径。解决了这两点,剩下的就是把圆作为图层添加进map中了。首先需要引入leaflet的js和CSS。<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KE
2020-05-09 09:27:48 6413 2
原创 leaflet加载实时路况图层(高德、百度)
加载百度地图实时路况加载百度地图需要使用到的插件如下:proj4、proj4leaflet、tileLayer.baidu。其中tileLayer.baidu来自大佬——火星科技 木遥。<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <me...
2020-05-07 15:13:23 2816 3
转载 四步走创建Cesium实例
文章目录一、引入JS,CSS包二、创建存放容器三、提供访问令牌四、创建Viewer一、引入JS,CSS包<script src="https://cesium.com/downloads/cesiumjs/releases/1.68/Build/Cesium/Cesium.js"></script><link href="https://cesium.com/...
2020-04-20 14:55:47 876
原创 用CSS做一个简易侧边栏
在下拉菜单的基础上进行了一点点改进,完成一个可以自动隐藏的侧边栏。其实使用到的内容和下拉菜单一样,只是使用了“hover”伪类选择器,通过这个来实现,如果想要使用js实现只需要使用“onmouseenter”、“onmouseleave”对鼠标进行监听,如果鼠标在标签内则改变标签位置、大小同样可以实现。都是基础内容,就不进行标注了。本体:<div class="outDiv">...
2020-04-16 16:49:01 1849
原创 纯用CSS做一个下拉菜单(新人练手)
纯用CSS做一个简单的下拉菜近期打算制作一个下拉菜单,但是再网上找的代码总有些不满意(其实是太菜了,不理解)所以自己比照代码做了一个,如果有不合理的地方,欢迎各位大佬指正。首先制作本体部分,因为只是新手所以只用了“ul”无序表,代价是CSS中需要多设置几条。<div > <div class="main" > <ul class="outUl"&g...
2020-04-16 15:00:02 448
全国县级行政区划.zip
2020-05-07
全国GeoJSON数据(县级)DataV.GeoAtlas.zip
2020-04-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人