arcgis api 4.X加载三维倾斜摄影
如果你发现官网的可以成功运行,但是你的出现.wasm格式错误,就去mime类型添加一个application/wasm即可~
// 加载倾斜摄影影像
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>IntegratedMeshLayer | Sample | ArcGIS API for JavaScript 4.18</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.18/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#menu {
padding: 1em;
}
</style>
<script>
require([
"esri/WebScene",
"esri/views/SceneView",
"esri/layers/IntegratedMeshLayer",
"esri/widgets/LayerList",
"esri/widgets/Legend",
"esri/Map"
], function(
WebScene,
SceneView,
IntegratedMeshLayer,
LayerList,
Legend,
Map
) {
/*************************************
* Load webscene with other layers
* (lakes, points of interest, roads)
*************************************/
//const webscene = new WebScene({
// portalItem: {
// id: "95d51825f62b4b738a3a12d5e518dea3"
// }
//});
/*************************************
* Create IntegratedMeshLayer layer
* and add it to the webscene
***********************************/
const layer = new IntegratedMeshLayer({
url:
"https://tiles.arcgis.com/tiles/u0sSNqDXr7puKJrF/arcgis/rest/services/Frankfurt2017_v17/SceneServer/layers/0",
// Frankfurt integrated mesh data provided by nFrames and Aerowest
copyright: "nFrames - Aerowest",
title: "Integrated Mesh Frankfurt"
});
//webscene.add(layer);
const view = new SceneView({
container: "viewDiv",
map: new Map({
basemap: "hybrid"
}),
qualityProfile: "high"
});
const layerList = new LayerList({
view: view
});
view.ui.add(layerList, "top-right");
const legend = new Legend({
view,
style: {
type: "card",
layout: "side-by-side"
}
});
view.ui.add(legend, "bottom-right");
view.map.add(layer)
});
</script>
</head>
<body>
<div id="viewDiv">
</div>
</body>
</html>
位置及效果图