ArcGIS 发布高程服务。10.4

ArcGIS 发布高程必须是10.21以上，我用10.4。

前端用ArcGIS For API 4.x。

ARCGIS很早之前有CS版本的ArcScene，可查看高程TIF文件，但机制和BS的完全不同。

BS显示高程，前端是用ArcGIS的JS在Canvas上画的三维图形，后端提供的是瓦片高程数据。

1、首先要有DEM文件，DEM只能是单波段TIF文件，要从里属性查看。

2、发布高程服务。

首先，ArcGIS强制要求此TIF必须是WKID为3857的坐标系，如不是，需要栅格工具转换。

然后，发布ImageService服务，要求必须切片，切必须是ArcGIS Online/Bing/Google方案。

最后，Cacheing-Advance Settings里，选择切片必须是LERC格式。

3、发布后，使用JS代码验证。

ArcGIS使用Elevation Layer图层，把此图层，赋予map.ground里即可。默认有个高程服务地址，可用来测试。详情参看官方API。

https://developers.arcgis.com/javascript/latest/sample-code/scene-elevationinfo/index.html

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8" />

    <meta

      name="viewport"

      content="initial-scale=1,maximum-scale=1,user-scalable=no"

    />

    <title>Intro to SceneView - Create a 3D map - 4.12</title>

    <style>

      html,

      body,

      #viewDiv {

        padding: 0;

        margin: 0;

        height: 100%;

        width: 100%;

      }

    </style>

    <link

      rel="stylesheet"

      href="https://js.arcgis.com/4.12/esri/themes/light/main.css"

    />

    <script src="https://js.arcgis.com/4.12/"></script>

    <script>

      var G={};

      require(["esri/Map",

			   "esri/views/SceneView",

			   "esri/layers/ElevationLayer",

			   "esri/Camera",

			   "esri/layers/ImageryLayer"],

			   function(Map,

						SceneView,

						ElevationLayer,

						Camera,

						ImageryLayer) {

        var map = new Map({

          basemap: "streets",

          //ground: "world-elevation"

        });

        G.map=map;

		var elevationLayer = new ElevationLayer();

        //elevationLayer.url = "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer";

		var evaurl="http://xxx/ImageServer"

		elevationLayer.url =evaurl;

        map.ground.layers.add(elevationLayer);

        var view = new SceneView({

          container: "viewDiv",

          map: map,

          alphaCompositingEnabled: true,

          environment: {

            starsEnabled: true,

            atmosphereEnabled: true

          },

          scale: 500000,

          //center: [-128.9, -73.01]

		  center: [-128.9, -73.01]

        });

		 var layer = new ImageryLayer({

									  // URL to the imagery service

									  url: evaurl,

									  format:"jpg"

									});

		map.layers.add(layer);

		var cam = new Camera({

					heading: 9, // face due east

					tilt: 80, // looking from a bird's eye view

					position: {

								latitude: -73.22,

								longitude: -129.07,

								z: 6800,

								spatialReference: { wkid: 3857 }

							  }

			});

		view.camera = cam;

		view.environment.lighting.cameraTrackingEnabled = true

		view.environment.lighting.directShadowsEnabled=true

		G.view=view;

		//G.map.ground.layers.items[0].visible=false;

      });

    </script>

  </head>

  <body>

    <div id="viewDiv"></div>

  </body>

</html>

　　4.效果。高程默认是没有颜色的，只有凹凸起伏。颜色是另附一层Image上去的，默认是黑白色，若要彩色覆盖，则需要设置Raster Function。

5、遗憾。

现在ArcGIS For JS API 4.12 并未支持前端高程拉伸。想要看更突出的效果，必须后端数据拉伸，重新发布。

其实ArcSence中有拉伸因子，但BS的遗憾还未出现。

巴特西

ArcGIS 发布高程服务。10.4

最新文章

热门文章