07 ArcGIS JS API 4.14实现地图加载图片
需求描述
将一张图片叠加到ArcGIS地图上是现在很多项目的一个广泛需求,通过查阅网上资料后发现这种需求目前只有四种方法可以实现,因为ArcGIS JS API官网并没有提供相应的图片类图层来让我们实例化图片图层,但是JS API官网有说明后期会增加这类API,就是不知道是什么时间了。既然目前没有这类API图层,那我们就自己来找找其他的路子吧,刚才提到过实现将图片叠加到地图上的方法目前有四种,分别如下:
- 通过ArcGIS知乎上有人提到过的使用Graphic来实现,其实就是将图片当做一个Symbol;
- 通过类似于ArcGIS JS API 3.X中的MapImage模块来实现;
- 通过扩展MapImageLayer来实现;
- 通过JS API官网上的BaseDynamicLayer这个类来实现
接下来我们就看看各种方法到底能不能做,或者说可以做成什么效果。具体操作步骤开始介绍之前,我们先给大家透露一下的是,本文是通过第四种方法来实现的,即通过BaseDynamicLayer这个类来实现,最终效果如下:
各种方案实现分析及具体操作步骤
一、通过Graphic的形式实现
这种方式是我在网上找到的第一种实现方式,也
07 ArcGIS JS API 4.14实现地图加载图片相关推荐
- 03 【ArcGIS JS API + eCharts系列】实现二、三维散点图的绘制
概述 上一篇文章中我们介绍了如何使用ArcGIS JS API和eCharts结合,在二维和三维场景下绘制迁徙图.这篇文章我们来介绍下如何在二维和三维场景下绘制散点图,其实散点图跟迁徙图一样,它的绘制 ...
- 02 【ArcGIS JS API + eCharts系列】实现二、三维迁徙图的绘制
概述 上一篇文章通过纯前端的方式实现了ArcGIS JS API和eCharts的普通二维图表绘制,因为这些图表绘制其实是跟地理坐标无关的,只需要设置图表的位置即可,所以仅仅用了纯前端的方式去实现.这 ...
- 三维地图前端arcgis_【ArcGIS JS API + eCharts系列】实现二、三维网络路径图的绘制...
概述 前面两篇文章通过扩展EchartsLayer.js这个图层类,实现了使用ArcGIS JS API和eCharts,在二维和三维场景下绘制迁徙图和散点图.这篇文章继续通过绘制网络路径图的例子,再 ...
- 04 【ArcGIS JS API + eCharts系列】实现二、三维网络路径图的绘制
概述 前面两篇文章通过扩展EchartsLayer.js这个图层类,实现了使用ArcGIS JS API和eCharts,在二维和三维场景下绘制迁徙图和散点图.这篇文章继续通过绘制网络路径图的例子,再 ...
- ArcGIS JS API popup弹窗
*使用ArcGIS JS API 4.19 一.要素服务popup 原始弹窗由popup微件控制,view对象都自带默认的popup,格式可以由Featurelayer的popupTemplate属性 ...
- ArcGIS JS API 4.X实现动态地图服务子图层显隐控制
ArcGIS JS API 4.X实现动态地图服务子图层显隐控制 文章目录 ArcGIS JS API 4.X实现动态地图服务子图层显隐控制 使用场景 官网示例 注意事项 使用场景 图层控制功能 官网 ...
- 基于ArcGIS JS API 4.11实现对FeatureLayer的多变量渲染
文章目录 需求背景 需求分析 开发过程 效果图 注意事项 参考链接 在线示例 需求背景 有一个二维数组,里面包含几万个表示高度的值,现在要把这些高度值在地图上展示出来.可以通过小立方体的方式展现,长宽 ...
- ArcGIS JS API加载GeoServer发布的WFS服务
文章目录 前言 主要代码 总结 参考链接 前言 WFS(Web Feature Service),OGC标准下的要素服务.其支持的主要操作如下: GetCapabilities (discovery ...
- 使用ArcGIS JS API加载WMTS图层的两种方式
文章目录 前言 方式一 方式二 前言 某些项目可能多方参与,每一方使用的GIS平台有时会有所不同,这时为了统一各方地图服务,通常会发布OGC标准的WMTS地图服务供各方使用.ArcGIS API fo ...
最新文章
- umi搭建react+antd项目(三)Mock 数据--模拟数据
- 语音购票、刷脸进站:上海联手阿里打造全球首个AI地铁之城
- oracle index contention,Index Contention等待
- 【ArcGIS Engine二次开发】入门基础(1):ArcGIS Engine简介及开发环境搭建
- scrum流程 规划 冲刺_Scrum –困难的部分2:更快地冲刺
- Java基础篇:如何使用instanceof
- NLP︱高级词向量表达(一)——GloVe(理论、相关测评结果、Rpython实现、相关应用)
- My97DatePicker 演示和文档
- python异常捕获try except
- Unix/BSD/Linux的口令机制初探(转)
- USB3.0传输数据、解析处理和帧率计算
- 超像素(slic算法)特征提取(颜色,纹理)——个人梳理
- BP神经网络实例及代码分析(python+tensorflow实现)
- 弱电人要学习的网络安全基础知识
- ps怎么把白色背景变透明
- 【2020年第二届“网鼎杯”网络安全大赛 青龙组】Web AreUSerialz
- 谷粒商城面试知识点总结(三)
- linux不同用户环境变量问题
- Unity -- 预制体与变体
- 中文开源汉语分词工具
热门文章
- ImportError: Could not import faiss python package. Please install it with `pip install faiss` or `p
- 机械师曙光 16 Air 锐龙版 评测 怎么样
- 使用Appium Inspector查看手机界面布局
- 无处不在的线性分解,转自林达华
- 起底差价合约发展简史,什么样的外汇交易平台值得你选择?
- 面试官角度看校招面试之吐槽
- 3DMAX可编辑多边形常用命令-桥
- 数组的sort()排序
- nuxt 使用vuex在模块中无法调用全局的store
- axure 中继器修改