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

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

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

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

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

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

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

此刻服务端操作添加完毕

3.JS代码

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

  
  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]);
      });

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

你可能感兴趣的:(arcgis,or,js,arcgis)