ArcGIS JS Api 4.x修改三维球背景技巧

最新推荐文章于 2023-11-17 14:17:28 发布
最新推荐文章于 2023-11-17 14:17:28 发布
阅读量171 收藏
点赞数
原文链接：http://www.cnblogs.com/polong/p/9831271.html
版权

    通过修改scenceview.js中tileBackground和defaultTileBackground中的png的base64编码就可以达到要求。
4.8中通过修改scenceview.js
e.DEFAULT_TILE_BACKGROUND = typeof dojoconfig!=undefined &&dojoconfig.bg!=undefined?dojoconfig.bg:"原来的base64"
在html中引用init.js前
<script > var dojoconfig={bg:"data:image/png;base64,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"} </script>
传入图片base64编码，这样三维球就可以按照我们想要的颜色渲染，图片分辨率最好是标准的2x2 4x4 8x8 16x16 32x32 64x64 128x128 256x256。

```
<!DOCTYPE html>

 
<meta charset="utf-8"> 
菜鸟教程(runoob.com) 

您的浏览器不支持 HTML5 canvas 标签。

```
1624292dab73e317?w=700&h=328&f=png&s=115644
1624292f870a1c13?w=700&h=321&f=png&s=106627
16242930df8b4006?w=700&h=327&f=jpeg&s=11976

转载于:https://www.cnblogs.com/polong/p/9831271.html

aicuo0508
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ArcGIS API for JavaScript 4.X在SceneView（三维场景）下设置透明背景或图片背景
qq_34443031的博客
10-25 1645
在SceneView（三维场景）下设置透明背景或设置图片背景
ArcGIS API for JavaScript 4.x 基础之绘制点、线、面、标注、图片（完整代码）
01-08
ArcGIS API for JavaScript 4.x 基础之绘制点、线、面、标注、图片的完整代码；
ArcGIS API 4.10之加载百度地图
01-18
基于ArcGIS API 4.10，通过自定义BaseTileLayer类来实现在三维球体加载显示百度地图和影像地图
arcgis for js 展示透明图层
左直拳的马桶_日用桶
05-16 2752
arcgis map里面做好的图层，本来是透明的，但在web页面上，用arcgis for js展示，却并非透明。 解决办法之道，是用opacity 或 setImageFormat var dl = new ArcGISDynamicMapServiceLayer(mapServerPath); if (dl.loaded) { buildSubLayerList(dl); } e...
ArcGIS js Api 4.x修改三维球背景技巧
tpolong的博客
03-10 626
    通过修改scenceview.js中tileBackground和defaultTileBackground中的png的base64编码就可以达到要求。 4.8中通过修改scenceview.js e.DEFAULT_TILE_BACKGROUND = typeof dojoconfig!=undefined &amp;&amp;dojoconfig.bg!=undefined?dojoc...
ArcGIS JS API 4.x 在三维场景（SceneView）下加载天地图影像，及防止出现此级别，无影像
liuxuansupermen的博客
11-17 479
【代码】ArcGIS JS API 4.x 在三维场景（SceneView）下加载天地图影像，及防止出现次级别，无影像。
ArcGIS API4.X+heatmap.js热力图示例
04-15
【ArcGIS API4.X+heatmap.js热力图示例】是一种在三维地图上展示数据分布密度的方法，结合了Esri的ArcGIS API 4.x版本的地理信息系统功能和heatmap.js库的强大热力图渲染能力。ArcGIS API 4.x是Esri推出的一个用于...
arcgis api for javascript 4.x 聚合
01-09
《ArcGIS API for JavaScript 4.x 聚合技术详解》 ArcGIS API for JavaScript是Esri公司提供的一款强大的Web地图开发工具，主要用于构建交互式的地理信息系统。在4.x版本中，API引入了对三维场景的支持，使得地图...
arcgis api 4.x for js 全球流动图.zip
06-19
《ArcGIS API 4.x for JavaScript 全球流动图详解》 ArcGIS API for JavaScript 是Esri公司开发的一款强大的Web地图开发工具，主要用于构建交互式的地理信息系统（GIS）应用。在4.x版本中，该API引入了众多新特性和...
ArcGIS API 4.X-heatmap.js
11-22
ArcGIS API for Javascript 4.X中已经提供了热力图对应的渲染器Renderer，但使用起来必须配合ArcServer服务。本文借助另外一种简单方法：热力图神器——[heatmap.js]
ArcGIS API for JavaScript学习（一）——MapView与SceneView（没写完）
初叙
04-13 1640
MapView MapView显示Map实例的2D视图。 必须创建一个MapView实例才能以2D形式渲染Map（及其操作层和基础层）。 要以3D形式渲染地图及其图层，请参见SceneView的文档。 为了使地图在DOM中对用户可见，必须创建一个MapView并至少引用两个对象：一个Map实例和一个DOM元素。 每个都分别在map和container属性中设置。 //创建一个MapView实例（用于2D查看） var view = new MapView({ map: myMap, // .
【番外】 Vue中使用ArcGIS JS API 4.14开发
热门推荐
X北辰北的博客
01-16 1万+
一、概述 在之前很长的一段时间中，使用ArcGIS JS API(以下简称“JS API”)开发WebGIS系统的时候，还是基于传统的前端框架和各种前端技术来开发，这些框架和技术各位使用过的大概有这些：Dojo、jQuery、Bootstrap、CommonJS等。用这些传统的技术框架结合JS API去开发的时候，我们引入JS API是在系统的HTML页面中通过<script>和&l...
基于Springboot和Vue的 企业客户管理系统源码 企业客户管理系统代码（98分期末优秀大作业）
08-04
企业客户管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
VXLAN手动隧道 集中式网关，不同子网互访
08-04
VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不同子网互访。VXLAN手动隧道 集中式网关，不
PostmanCanary-win64-8.0.6-canary01-Setup
08-04
PostmanCanary-win64-8.0.6-canary01-Setup
基于MATLAB的公路裂缝检测.zip
最新发布
08-04
在MATLAB中，可以使用图像处理和计算机视觉工具包来实现裂缝缺陷的识别。以下是一种可能的实现方式： 1. 导入图像：使用imread函数导入需要处理的图像。例如，img = imread('image.jpg')。 2. 图像预处理：对图像进行预处理以增强裂缝缺陷的可见性。这可以包括灰度化、平滑和增强对比度等操作。例如，gray_img = rgb2gray(img)将彩色图像转换为灰度图像。 3. 裂缝缺陷检测：使用合适的算法和方法来检测裂缝缺陷。其中一种常用的方法是Canny边缘检测算法。例如，edges = edge(gray_img, 'canny')。 4. 裂缝缺陷分割：根据边缘图像，可以使用分割算法将裂缝缺陷与其他图像区域分离。一种常用的分割方法是基于阈值的方法。例如，bw_img = imbinarize(edges, threshold)。 5. 裂缝缺陷识别：通过计算裂缝缺陷的一些特征来进行识别。可以使用一系列特征提取函数，如regionprops，来计算裂缝缺陷的面积、周长、紧凑性等特征。例如，stats = regionprops(bw_img, '
ArcGIS API for JS 4.x高级开发详解
"ArcGIS API for JS 高级开发涵盖了 ArcGIS API for JavaScript 4.x 版本的多个重大更新，包括对3.x版本的超越、新功能的引入和技术架构的改进。在过去的一年里，该API经历了4.4、4.5、4.6和4.7四个主要版本的迭代，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值