自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(95)
  • 收藏
  • 关注

原创 百度文心一言(千帆大模型)聊天API使用指导

选择“预置服务”,只是想用文心一言聊天API的话,只需要开通下图左下角的两个服务就行,ERNIE-Bot大模型和ERNIE-Bot-turbo-0922大模型,两个都是聊天的API服务,不同的是,前者返回答案的速度偏慢,但准确率更高,后者回答的更快,准确率偏低。它的API的调用逻辑是,先通过API Key和Secret Key去请求接口,获取access_token,然后再调用接口的时候放上token,去请求聊天问答数据。想要真正使用的话,还需要开通相关的服务,点击“计费管理”,进入服务开通界面,

2023-11-24 12:31:40 5258

原创 在UMG中播放图像序列,出现卡帧怎么办?

比如,我的图片序列有225帧,就需要将帧率重载改为15fps(这个帧率,动画设计师一般会提供给开发人员)如果在媒体播放器中播放的时候,出现卡帧现象,说明你的图片序列的帧率与默认的不匹配。在UMG的蓝图中,创建媒体播放器变量,添加如下蓝图。将媒体播放器的变量默认值,设为MyPlayer。创建UMG组件,添加Image,大小自己定。创建材质,并将材质设置到上面的Image中。运行程序,就可以实现在UMG中播放图像序列。将材质设置到UMG组件的Image中。将纹理设置成上面的媒体纹理。类型文件中,覆写你的帧率。

2023-09-11 16:25:12 266

原创 Exploring Unreal Engine New Free Archviz Explorer Project 视频笔记

要想路线在运行后显示,需要给它加上Tags。该项目还有扩展插件,用户可以自由下载。点击Surroundings就会显示。它是由一个8k的卫星图做的地形底图。场景中没有太阳,也没有定向光。该蓝图用来控制光线的显示。

2023-08-28 09:32:18 489

原创 Sequencer使用心得

此时,需要注意,播放蓝图事件,需要在程序运行的情况下播放,当我们点击运行,再重新播放关卡序列时,蓝图事件就能在对应的关键帧处被触发。一般的话,点击播放按钮。当进度条滑过当前关键帧时,蓝图事件是不会触发的,但其他的,如镜头变化、物体运动都是正常的。在关卡序列中触发蓝图,一般是将蓝图添加到轨道中,设置触发器,在对应的关键帧中,绑定蓝图事件。

2023-07-16 11:26:48 223

原创 three.js 字体精简处理

three.js 字体精简处理

2022-08-18 19:50:08 1308 1

原创 Geoserver的WFS服务实现要素的增删改

Geoserver的WFS服务实现要素的增删改

2022-08-07 23:21:16 1275

原创 Geoserver发布WMTS服务中的坐标系转换与Mapbox加载

Geoserver发布WMTS服务中的坐标系转换与Mapbox加载

2022-08-07 16:35:08 3006 4

原创 Angular应用的文档生成工具——Compodoc

文章目录缘起使用方式全局安装运行预览发布缘起最近,在重构产品代码,封装一些领域对象,为了快速创建说明文档,在网上找到了一个工具——Compodoc,它可以基于Angular框架,根据你的代码,快速创建说明文档。使用方式官方上手指南全局安装npm install -g @compodoc/compodoc运行在项目的根目录中,创建一个名为tsconfig.doc.json的文件,可以包含指向src文件夹的键include,还可以使用exclude键{ "include": ["sr

2022-01-20 10:15:22 9833

原创 Mapbox本地化处理思路总结

思路通过地图下载器、OSM、百度云、GIS数据服务网站等资源获取矢量数据通过Geoserver发布矢量切片服务(具体见之前的文章)通过开源工具spritezero cli或者java代码制作雪碧图通过开源工具node-fontnik制作字体pbf文件通过开源工具Maputnik本地化编辑地图样式,生成style.json文件Mapbox加载style.json数据实现本地化处理难点除了第3点和第4点不熟悉之外,其它的都已经自己动手实现过。这两点使用的spritezero cli和node

2021-10-29 20:06:23 972 4

原创 Mapbox 实现画圆并高亮圆内要素

文章目录需求实现思路预览效果实现代码相关链接需求Mapbox官方示例只实现了点选和框选的空间查询方式,而在实际开发中也需要实现画圆并高亮圆内的要素。实现思路使用Canvas实现动态画圆根据圆心和鼠标所在位置,计算出半径,在map上创建circle图层通过turf工具函数,查询与圆相交或在圆内的要素预览效果与圆相交的要素:圆内要素:实现代码<!DOCTYPE html><html><head> <meta charset="ut

2021-10-02 09:25:26 1681

原创 Mapbox + ECharts 实现简单迁徙图

文章目录概述预览效果实现代码说明相关链接概述ECharts是开源的可视化图表库,其中有丰富的图表。本文使用Mapbox结合ECharts插件实现了简单的迁徙地图。预览效果实现代码<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>mapbox + echarts (简单迁徙图)</title> <meta name="viewport

2021-10-01 22:38:35 1834

原创 基于Tomcat的Geoserver安装步骤(Windows系统)

文章目录安装JDK测试本机是否安装JDK下载并安装安装Tomcat安装Geoserver参考资料安装JDK测试本机是否安装JDK按下Win + R键,输入cmd,打开小黑框输入命令:java -version,出现以下信息,说明环境变量配置成功下载并安装经过测试,如果没有显示java版本,则需要在本机安装JDK环境,本文使用的是Tomcat9.0.50,JDK版本需要高于1.8(本人安装时,本机已有JDK环境,故跳过该步骤,需要的可以搜索相关博客)安装Tomcat进入Tomcat官网

2021-07-13 15:04:02 1287 2

原创 Angular8通过npm引入Mapbox GL 和 Ant L7

ERROR in node_modules/@antv/l7-core/es/services/asset/IIconService.d.ts(1,8): error TS1259: Module '"/node_modules/eventemitter3/index"' can only be default-imported using the 'allowSyntheticDefaultImports' flag node_modules/@antv/l7-map/es/geo/trans..

2021-06-10 20:52:56 775

原创 30 天精通 RxJS 笔记5

文章目录Subject 基本概念BehaviorSubjectSubject 基本概念Subject 同时是Observable 又是ObserverSubject 会对内部的observers 清单进行组播(multicast)const { interval, Subject } = rxjs;const { take } = rxjs.operators;var source = interval(1000).pipe(take(3));var subject = new Subj

2021-06-06 15:42:23 96

原创 Windows环境下Apache安装与站点配置

文章目录下载Apache HTTP Server服务器Apache本地安装及启动测试Apache配置站点Apache配置多个站点参考链接下载Apache HTTP Server服务器1 登录Apache官网:http://httpd.apache.org/,点击Download,进入下载页2 选择Windows版本,进入Using Apache HTTP Server on Microsoft Windows说明页3 该页会说明如何在Windows环境中使用Apache HTTP Server,

2021-05-26 23:26:31 3092 4

原创 Mapbox相机动画整理(3)动作播放整理

文章目录播放整理循环播放多个动作连续播放播放整理循环播放在一定时间内,循环播放var animationDuration = 80000; var start; function frame(time) { if (!start) start = time; // phase determines how far through the animation we are var phase = (time - start) / animationDuration; // phas

2021-04-20 22:30:23 383

原创 Mapbox相机动画整理(2)API整理

文章目录API 整理Geography 和 geometryLngLatLikePointLikeMercatorCoordinateProperties 和 OptionsAnimationOptionsCameraOptionsMapeaseTo(options, eventData?)API 整理Geography 和 geometryLngLatLike经纬度坐标var v1 = new mapboxgl.LngLat(-122.420679, 37.772537);var v2 = [

2021-04-14 22:50:03 1414

原创 Mapbox相机动画整理(1)示例解析

文章目录Examples 解析Animate a point along a routeAnimate map camera around a point (3D)Animate the camera along a path(3D)Customize camera animationsFly to a location based on scroll positionExamples 解析此处记录较复杂的示例,简单的会在后面整理的相关API中提及。Animate a point along a ro

2021-04-04 21:17:13 1242

原创 Mapbox常用表达式整理(4)

文章目录表达式参考ColorrgbrgbaMath+, -, *, /, %, ^abs, ceil, floor, roundsin, cos, tan, asin, acos, atane, ln, ln2, log10, log2, pimax, minZoomzoomHeatmapheatmap-density表达式参考Colorrgb从红色、绿色和蓝色组件中创建一个颜色值,其范围必须在0到255之间,alpha组件为1。如果任何组件超出范围,则该表达式将出错。["rgb", number

2021-04-04 11:16:07 1121

原创 Mapbox常用表达式整理(3)

文章目录表达式参考Decision 判定操作符!, !=, <, <=, ==, >, >=(高频率使用)all 逻辑与(高频率使用)any 逻辑或case 条件 (高频率使用)match (高频率使用)Ramps, scales, curvesinterpolate(高频率使用)step(高频率使用)String 字符串类型操作符concatdowncaseupcase表达式参考Decision 判定操作符!, !=, <, <=, ==, >, >=

2021-04-04 10:30:08 6809

原创 Mapbox常用表达式整理(2)

文章目录表达式参考Types类型操作符booleanformat表达式参考Types类型操作符boolean如果提供了多个值,则按顺序计算每个值,直到得到一个布尔值为止。如果所有输入都不是布尔值,则表达式是错误的。['boolean', ['feature-state', 'hover'], false]首先看['feature-state', 'hover']表达式的值是否为bool值,如果是,则返回对应的bool值;如果否,则按顺序依次往后看第二个值是否为bool值。format返回一

2021-04-01 21:37:26 2854 2

原创 Mapbox常用表达式整理(1)

文章目录概述数据表达式相机表达式组合表达式类型系统概述可以将任何layout属性,paint属性或filter的值指定为表达式。Mapbox GL提供的表达式运算符包括:数学运算符,用于对数值算术和其他运算逻辑运算符,用于处理布尔值和做出条件判断字符串运算符数据运算符,提供对源要素属性的访问相机运算符,可访问定义当前地图视图的参数数据表达式数据表达式允许要素的属性或状态确定其外观。常见的有:get,has,id,或feature-state。{ "circle-color":

2021-03-30 23:01:37 2857

原创 Mapbox GL 测距(动态画线 + Tooltip)

话不多说,直接上图和代码!<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Measure distances</title> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <script src="ht

2021-02-28 11:55:32 1214 2

原创 Mapbox GL 加载GeoServer发布的矢量切片

文章目录1. GeoServer发布单个图层的矢量切片1.1 安装插件1.2 创建Gridsets1.3 发布单个图层矢量切片2. Mapbox GL 加载单个图层的矢量切片3. 图层组矢量切片发布与Mapbox GL 加载1. GeoServer发布单个图层的矢量切片1.1 安装插件下载插件geoserver-2.13.3-vectortiles-plugin(需查找当前对应的GeoServer版本)http://geoserver.org/download/找到旧版本找到Vector

2021-02-22 20:16:56 3982

原创 Mapbox GL 加载GeoServer发布的WMS地图服务及点击查询

文章目录1. GeoServer发布WMS地图服务2. Mapbox GL 加载WMS source3. WMS地图服务点击查询4. 完整代码5. 参考文档1. GeoServer发布WMS地图服务GeoServer发布地图服务的常规操作:创建工作区添加新的数据存储添加新的图层不会的可自行在网上搜索,此处不再赘述。需要注意以下几点:添加新的数据存储时,需要注意属性表数据的编码格式,如果包含中文字符,需要选择GB2312或者GBK添加新的图层时,需要正确定义待发布图层的坐标系,此处强制

2021-02-20 16:35:36 4572 9

原创 30 天精通 RxJS 笔记4

文章目录Observable OperatorObservable Operatorskip:可以略过前几个送出的元素,但是原本元素的等待时间仍然存在takeLast:必须等到整个observable完成(complete),才能知道最后的元素有哪些,并且同步送出last:takeLast(1)的简化写法,那就是last()用来取得最后一个元素。concat:把多个observable 实例合并成一个,必须先等前一个observable完成(complete),才会继续下一个startWith

2020-11-29 20:31:34 105

原创 30 天精通 RxJS 笔记3

文章目录Observable Operators & Marble Diagrams什麼是 Operator?Marble diagrams(弹珠图)Operators简易拖拉实作- take, first, takeUntil, concatAllOperators简易拖拉Observable Operators & Marble Diagrams什麼是 Operator?Operators 就是一個個被附加到 Observable 上的函数,例如像是 map, filter, …

2020-11-28 18:34:11 130

原创 30 天精通 RxJS 笔记2

文章目录建立 Observable(一)建立ObservableObservable 同時可以處理同步與非同步的行為觀察者 Observer訂閱一個 Observable 就像是執行一個 function建立 Observable(二)常用Creation OperatorSubscription建立 Observable(一)建立Observableconst { Observable } = rxjs;var observable = Observable .create((observer)

2020-11-28 15:23:25 90

原创 30 天精通 RxJS 笔记1

文章目录认识RxJS函数式(Functional)编程响应式(Reactive)编程小结函数式(Functional)编程基本概念核心思想基本条件优势认识RxJS函数式(Functional)编程用 function 来思考问题,以及编写程序。响应式(Reactive)编程当变量发生改变时,由变量主动告诉我发生变动了。小结RxJS是函数式编程和响应式编程两种编程思想的结合。函数式(Functional)编程基本概念核心思想做运算处理,并用Function来思考问题。基本条件函数能够

2020-11-28 11:20:58 139

原创 Angular 笔记12(表单与用户输入——响应式表单、验证表单、动态表单构建)

响应式表单响应式表单概述响应式表单对表单状态的每一次变更都会返回一个新的状态,这样可以在变化时维护模型的整体性。响应式表单是围绕 Observable 流构建的,表单的输入和值都是通过这些输入值组成的流来提供的,它可以同步访问。此篇只记录需要注意的知识点,官方文档(中文版)更详细显示表单控件的值通过可观察对象 valueChanges,你可以在模板中使用 AsyncPipe 或在组件类中使用 subscribe() 方法来监听表单值的变化。使用 value 属性。它能让你获得当前值的一份快

2020-11-15 23:23:36 901

原创 Angular 笔记11(表单与用户输入——简介)

文章目录简介选择一种方法关键差异可伸缩性建立表单模型建立响应式表单建立模板驱动表单表单中的数据流响应式表单中的数据流模板驱动表单中的数据流 (没看懂)数据模型的可变性简介Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单和模板驱动表单。 两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型,并提供跟踪这些更改的途径。选择一种方法响应式表单提供对底层表单对象模型直接、显式的访问。更加健壮:它们的可扩展性、可复用性和可测试性都更高。模板驱动表单依赖模板中的指令

2020-11-15 12:12:57 180

原创 Angular 笔记10(组件与模板——动态组件)

动态组件创建锚点:在添加组件之前,先要定义一个锚点来告诉 Angular 要把组件插入到什么地方。使用一个自定义辅助指令来在模板中标记出有效的插入点。import { Directive, ViewContainerRef } from '@angular/core';@Directive({ selector: '[ad-host]',})export class AdDirective { constructor(public viewContainerRef: ViewCont

2020-11-14 20:54:07 371

原创 Angular 笔记9(组件与模板——组件样式)

组件样式使用组件样式@Component({ selector: 'app-root', template: ` <h1>Tour of Heroes</h1> <app-hero-main [hero]="hero"></app-hero-main> `, styles: ['h1 { font-weight: normal; }']})export class HeroAppComponent {/* . . .

2020-11-14 18:28:58 270

原创 Angular 笔记9(组件与模板——组件交互)

文章目录组件交互通过输入型绑定把数据从父组件传到子组件通过 setter 截听输入属性值的变化通过ngOnChanges()来截听输入属性值的变化父组件监听子组件的事件父组件与子组件通过本地变量互动父组件调用@ViewChild()(重要)组件交互通过输入型绑定把数据从父组件传到子组件父组件:import { Component } from '@angular/core';import { HEROES } from './hero';@Component({ selector: 'ap

2020-11-14 11:05:10 386

原创 Angular 笔记8(组件与模板——生命周期)

文章目录生命周期钩子响应生命周期事件生命周期的顺序生命周期钩子响应生命周期事件生命周期的顺序ngOnChanges():当 Angular 设置或重新设置数据绑定的输入属性时响应。 该方法接受当前和上一属性值的 SimpleChanges 对象。(与Vue中的watch和computed类似)ngOnInit():在 Angular 第一次显示数据绑定和设置指令/组件的输入属性之后,初始化指令/组件。在第一轮 ngOnChanges() 完成之后调用,只调用一次。ngDoCheck():检测,

2020-11-13 20:30:13 1429

原创 Angular 笔记7(组件与模板——管道)

文章目录组件与模板管道组件与模板管道

2020-11-12 14:46:39 208

原创 Angular 笔记6(组件与模板3)

组件与模板用户输入绑定用户输入事件@Component({ selector: 'app-click-me', template: ` <button (click)="onClickMe()">Click me!</button> {{clickMessage}}`})export class ClickMeComponent { clickMessage = ''; onClickMe() { this.clickMessage

2020-11-11 22:41:33 151

原创 Mapbox 笔记4(数据)

数据使用 Tilequery API 创建一个健康食物查询器要点添加地理编码器通过地理编码器查找周边符合条件的点数据渲染查询后的数据点使用 Mapbox GL JS 制作一张热力图要点

2020-11-10 20:07:34 734

原创 Mapbox 笔记2(Web应用——构建商店定位器)

文章目录Web应用使用 Mapbox GL JS 构建商店定位器实现思路第一种 加载内置标签初始化地图加载商店geojson数据创建商店列表添加事件监听(商店列表点击事件和地图点击事件)添加交互(flyToStore方法和createPopUp方法)第二种 加载自定义标签添加商店geojson数据创建商店列表(略)添加自定义Marker添加事件监听(商店列表点击事件和Marker点击事件)Web应用使用 Mapbox GL JS 构建商店定位器实现思路初始化地图加载商店geojson数据创建商

2020-11-08 18:42:22 423

原创 Angular 笔记5(组件与模板2)

文章目录组件与模板模板语法模板引用变量( #var )输入和输出属性如何使用 @Input()(`相当于Vue中的props`)如何使用 @Output()(`相当于Vue中的this.$emit()`)@Input() 和 @Output() 在一起@Input() 和 @Output() 声明为输入和输出指定别名模板表达式中的运算符管道运算符( | )安全导航运算符( ? )和空属性路径非空断言运算符(!)组件与模板模板语法模板引用变量( #var )模板引用变量通常是对模板中 DOM 元素的引

2020-11-08 12:35:58 126

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除