如何在arcgis of js 里面 展现本地tif

首先使用arcgis of js 展现本地数据(tif,shp)

1.站点服务创建数据存储

首先得使用Arcgis Server在“站点”里面的“数据存储”中注册文件夹, 选择你名称、本地路径、以及主机名,点击创建

然后选择全部验证,验证通过完成

2.地图服务功能添加动态工作空间

然后选取一个“地图服务” 选择“功能” 添加动态空间,添加完毕后,点选上方“保存并重启任务”

此刻服务端操作添加完毕

3.JS代码

首先要使用4.10或以上版本的js.arcgis

 <script src="https://js.arcgis.com/4.10/"></script> 
  require([
                "esri/Map",
                "esri/views/MapView",
                "esri/layers/MapImageLayer",
                "esri/widgets/Compass",
                "esri/widgets/DistanceMeasurement2D",
                "esri/widgets/AreaMeasurement2D"
            ],
            function(
                Map, MapView, MapImageLayer,Compass, DistanceMeasurement2D, AreaMeasurement2D
            ) {
                var activeWidget = null;
                //地图
                var map = new Map({
                    basemap: "satellite",
                });
                //视图
                var view = new MapView({
                    container: "dynamic-map",
                    map: map,
                    zoom: 6,
                    center: [118.9634086609, 32.9595912264],
                });
                //mapImageLayer服务
                var tifTestlayer = new MapImageLayer({
                    url: "http://localhost:6080/arcgis/rest/services/SampleWorldCities/MapServer",
                    sublayers: [
                        {
                            id: 1,
                            visible: true,
                            title: "hillshade",
                            source: {
                                type: "data-layer",
                                dataSource: {
                                    type: "raster",
                                    workspaceId: "gif",//服务上的ID
                                    dataSourceName: "modisoutput\\20190627\\MYD02QKM\\lccpzz\\MYD02QKM.A2019178_FalseColor.tif"//对应的路径
                                }
                            }
                        }
                    ]
                });


                // tiflayer.sublayers.addk

                map.layers.addMany([tifTestlayer]);
      });

然后就可以在地图上看到对应地址的文件

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值