Angualr arcgis中使用flowmap

项目中需要制作迁徙图,就是从一个地方到另外一个地方;然后在arcgis的官网找了好久,也没找到类似的,然后搜了半天找了一个开源项目中的,是基于arcgis的;效果如下所示

github的地址:https://github.com/sarahbellum/Canvas-Flowmap-Layer

下面是具体的集成的步骤:

1>首先引入js

我是把js文件放在content目录下,如下所示

2.初始化地图的时候使用loadScript的dojoConfig来加载这个图层

url这行可以暂时忽略,这个是将arcgis的js文件放在本地的操作;dojo的配置,我的理解是后面加载Canvas-Flowmap-Layer这种模块,就直接从content/src-jsapi-4这个js中去找;

3.然后loadmodule就可以使用这种方式来导入这个图层了

4.使用方式

构造一个CanvasFlowmapLayer,然后添加到map里面,图层的构造方法如下

具体的说明可以看文档;这里的graphicsFromCsvRows数组是这样,就是一个graphic的数组;包含的点的坐标;

5.迁移线默认是红色的,点的大小也是确认的;如果要进行修改,可以修改引入的CanvasFlowmapLayer.js文件,如下所示 

这里修改成了蓝色的;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值