1.引用ArcGIS API for JavaScript

<link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css" />
//<script>标签从 CDN 加载 ArcGIS API for JavaScript
<script src="https://js.arcgis.com/4.18/"></script>
//<link>标签引用main.css包含特定于 Esri 小部件和组件的样式的样式表

2. 加载模块

<script>require([ "esri/Map", "esri/views/SceneView" ], function(Map, SceneView) {// Code to create the map and view will go here});
</script>

esri/Map - 加载特定于创建地图的代码

esri/views/SceneView - 加载允许以 3D 方式查看地图的代码

3. 创建地图

require(["esri/Map", "esri/views/SceneView"], function(Map, SceneView) {var map = new Map({basemap: "topo-vector",ground: "world-elevation"});
});

4.创建 3D 视图

require(["esri/Map", "esri/views/SceneView"], function(Map, SceneView) {var map = new Map({basemap: "topo-vector",ground: "world-elevation"});var view = new SceneView({container: "viewDiv", // Reference to the DOM node that will contain the viewmap: map // References the map object created in step 3});
});

5.定义页面内容

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

6. 设计页面

<style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}
</style>

ArcGIS API for JavaScript创建 3D 地图相关推荐

arcgis api for javascript创建webscene
arcgis api for javascript创建webscene,核心代码如下: esriConfig.portalUrl = this.config.portal; var scene = n ...
ArcGIS API for javascript创建二维度地图
1.引用arcgis api for javascript <link rel="stylesheet" href="https://js.arcgis.com/4 ...
ArcGIS API for javascript开发笔记 —— 地图打印
前段时间的一个项目用到了地图的打印功能.当时遇到了一个GraphicLayer中TextSymbol汉字打印乱码和文字在地图中过大的问题, 后来经过分析发现,汉字乱码是中文字体的原因,文字太大是由于D ...
arcgis api for javascript创建webmap
_createMap: function (){/* if(this.config.proxyUrl != ""){ esriConfig.defaults.io.proxyUrl ...
ArcGIS API for JavaScript——地图展示
ArcGIS API for JavaScript 能够实现的最基本功能就是地图展示,包括地图缩放.平移.定位.实时显示坐标.展示地图要素(指北针.比例尺.图例).切换地图等.本文将详细介绍地图展示的 ...
在移动设备中创建ArcGIS API for JavaScript地图应用程序
本教程将演示如何通过响应式移动专用布局窗口小部件创建移动友好的webapp 1.支持的设备这个模板支持安卓和IOS横向和纵向姿态,它使用Dojo Mobile框架并包含Dojo标题窗口等小部件. 2 ...
创建类（点击获得位置信息）—ArcGIS API for JavaScript
不知道大家有没有这种体验,我们开始学web开发的时候,会把HTML.JavaScript.CSS代码都堆叠在一个HTML文件中,慢慢地,随着代码量的增多,不同的代码堆叠在一起显得很乱,我们开始把htm ...
ArcGIS API for JavaScript 4.4 版本加载谷歌地图
ArcGIS API for JavaScript 4.X 版本升级后,API发生了很大的变化. 其中就支持了WebEarth展示,主要是通过 esri/views/SceneView 实现的. 在新 ...
基于ArcGIS API for JavaScript加载百度各种类型切片地图
文章目录应用场景需求分析效果图实现代码原理解读应用场景部分项目基于ArcGIS平台,但是甲方只提供部分矢量数据,用作底图的地形图数据没有,表示可以使用百度地图作为底图.所以才会有使用Ar ...

ArcGIS API for JavaScript创建 3D 地图

1.引用ArcGIS API for JavaScript

2. 加载模块

3. 创建地图

4.创建 3D 视图

5.定义页面内容

6. 设计页面

ArcGIS API for JavaScript创建 3D 地图相关推荐

最新文章

热门文章