
ArcGIS API for JavaScript
文章平均质量分 88
关于使用ArcGIS API for JavaScript实现的各种功能案例
travelclover
WebGIS参与者
展开
-
在ArcGIS JS API中使用Three.js加载动画模型
这篇博客介绍了如何在 ArcGIS API for JavaScript 中集成 Three.js 以加载动画模型,适用于 WebGIS 3D 可视化场景,例如智慧城市、无人机模拟、城市规划等应用场景。原创 2025-03-31 14:41:04 · 919 阅读 · 0 评论 -
ArcGIS JS API之ExtrudeSymbol3DLayer实现白膜效果
白模通常用来在地图中展示建筑物的基本轮廓和高度信息。本文介绍如何使用ArcGIS JS API实现白模效果。这种效果不仅能够清晰地展示建筑物的轮廓和高度,还能够通过颜色区分不同类型的建筑物。原创 2025-02-19 00:08:45 · 901 阅读 · 0 评论 -
ArcGIS JS API之通过客户端要素创建FeatureLayer
学习如何使用ArcGIS JS API在没有要素服务地址时,通过客户端要素创建FeatureLayer,并展示在地图上。原创 2025-02-16 17:06:28 · 861 阅读 · 0 评论 -
在ArcGIS JS API中使用WebGL实现波纹扩散特效
波纹扩散特效是一种常见的视觉效果,通常用于表示某个点的扩散过程,比如地震波的传播、污染物的扩散等。本文将使用ArcGIS JS API创建的三维场景SceneView和WebGL技术来实现这一效果。通过自定义渲染节点RenderNode,我们可以在3D场景中生成波纹扩散动态效果。ArcGIS JS API从4.29版本开始提供了RenderNode类,该类提供对 SceneView 渲染管道的底层访问,以创建自定义可视化和效果。渲染节点在渲染管道的不同阶段注入自定义 WebGL 代码以更改其输出。原创 2025-02-11 16:32:15 · 1275 阅读 · 0 评论 -
ArcGIS JS API实现小车导航效果
本文详细介绍了如何利用ArcGIS JS API实现小车导航效果。借助ArcGIS JS API的强大功能和灵活性,构建出一个小车实时位置更新可视化效果页面。本示例最主要使用了ArcGIS JavaScript API中的渲染器、符号图层以及图层等API。原创 2023-07-06 20:29:47 · 1184 阅读 · 1 评论 -
三维场景路径流线效果实现及如何发布npm包
如何在ArcGIS JS API创建的三维场景中实现路径流线效果,以及如何将成果发布成npm包,方便在其它项目中使用。原创 2023-03-26 14:18:00 · 456 阅读 · 0 评论 -
使用ArcGIS JS API与Tween.js实现图层闪烁动画效果
在本文中,我们使用ArcGIS JS API 和tween.js库创建了一个简单的图层闪烁动画效果。我们使用tween.js库来创建Tween对象,该对象将图层的不透明度从1渐变到0,然后再渐变回来。我们使用使动画无限循环,使用yoyo(true)使动画在循环时反转方向,使图层看起来像是在闪烁。希望这篇文章能够帮助您在自己的地图应用程序中创建动画效果。原创 2023-03-19 19:23:33 · 1274 阅读 · 0 评论 -
ArcGIS JS API实现水淹模拟功能
使用ArcGIS JS API 实现水淹模拟(水淹分析)功能,水面上涨动画。原创 2022-08-09 12:03:58 · 1922 阅读 · 1 评论 -
ArcGIS JS API实现地图场景视频融合
使用ArcGIS JS API实现地图场景视频融合(视频播放)效果。原创 2022-04-28 00:34:14 · 4538 阅读 · 4 评论 -
ArcGIS JS API创建自定义图层实现在2D地图中渲染水波纹扩散效果
在2D地图中渲染水波纹扩散效果,首先来看下效果。该效果在地图放大、缩小、平移、旋转过程中不会出现卡顿、效果偏移的现象。效果实现起来非常简单,利用ArcGIS API中的BaseLayerView2D(点击查看文档)类以及canvas相关方法就能实现。也可以下载示例代码查看。点击下载示例完整代码。最后,有什么疑惑或想法可以留言评论以及私信我,看到后一定会第一时间回复~最后的最后,希望大家点个赞再走~...原创 2021-05-19 16:36:59 · 1140 阅读 · 3 评论 -
ArcGIS JS API+Three.js实现下雪特效
ArcGIS JS API+Three.js实现下雪特效首先还是来看下效果图。通过观察图片知道,在三维场景中移动和旋转地图,雪花也会有所变化。这是因为本示例中的雪花效果确实是添加进场景中的,是三维空间中的一部分。而有些在三维地图中展示下雪效果的解决方案只是在地图的表面添加了一张GIF的动图,展现不出空间效果。本示例效果实现的原理是利用Three.js创建我们自定义的三维场景以及渲染器,在场景中添加雪花效果,雪花效果其实就是粒子效果,然后通过ArcGIS API中的externalRenderers接原创 2021-04-19 17:09:11 · 1460 阅读 · 2 评论 -
ArcGIS JS API+Three.js实现动态航线效果
ArcGIS JS API+Three.js实现动态航线效果首先我们来看下效果吧~该示例里有两个动态效果,一个是光线沿着类似抛物线轨迹运动的效果,一个是光线落地后有一个类似波纹扩散的效果。下面就来详细看看怎么实现这两个效果。动态航线效果实现动态航线的原理很简单,就是每隔一段时间就更新线段的位置,连贯起来就是线段流动的效果。那么首先我们就要得到一条曲线轨迹,three.js中有一个CatmullRomCurve3类,可以用来创建一条平滑的曲线。我们需要三个点来创建曲线,除了起点,终点,我们还需要一原创 2021-04-14 16:34:11 · 3004 阅读 · 10 评论 -
使用ArcGIS API和Three.js在三维场景中实现动态立体墙效果
使用ArcGIS API和Three.js在三维场景中实现动态立体墙效果废话不多说,直接先来看下最终实现的动态立体墙效果图。如果图片还不够直观,那么点击链接查看在线示例。首先我们需要用到ArcGIS API中的externalRenderers类将外部的Three.js渲染器加载到地图三维场景中,如果不知道怎么使用的可以查看我的这篇文章《ArcGIS API在视图中渲染Three.js场景》。那篇文章中加载的是一个三维模型,而本示例中只需加载一面“墙”,也就是一个平面,并增加一个动态效果。所以重点就原创 2020-08-27 15:10:57 · 3931 阅读 · 4 评论 -
ArcGIS API在视图中渲染Three.js场景
ArcGIS API在视图中渲染Three.js场景ArcGIS API中的SceneView使用WebGL在屏幕上渲染地图和场景,还提供了一个底层接口来访问SceneView的WebGL上下文,因此可以创建与场景交互的自定义可视化效果,方式与内置图层相同。那么我们可以直接编写WebGL代码,也可以集成第三方WebGL库(例如Three.js)。现在我门就来尝试在ArcGIS的三维场景中加...原创 2020-04-04 18:53:30 · 3389 阅读 · 8 评论 -
ArcGIS API中PictureMarkerSymbol使用GIF图片
在前几天,ArcGIS API for JavaScript发布了新版本,也就是4.15版本。其中有一个小功能更新,我认为还是挺有用的,可以使我们地图的表现形式更加丰富。这个小的功能更新就是PictureMarkerSymbol支持GIF动态图和PNG格式的透明图了,不过有点遗憾的是不支持在3D场景SceneView中使用,只能在2D MapView中使用。下面我们就来试一下这个功能,做一个简单的...原创 2020-04-14 15:58:21 · 3144 阅读 · 8 评论