arcgis js（二）显示三维地图

1、上一节讲了arcgis js入门与提高（一）加载二维地图arcgis js（一）显示二维地图_郝大大的博客-CSDN博客，本节继续讲如何加载三维地图，与3.x版本不同，ArcGIS API for JavaScript 3.x版本地图都是显示在map中，从4.x版本之后地图的显示全部放在view上，二维的叫mapview，三维的叫sceneview，因此三维场景加载方式如下：

<html><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /><title>3D map</title><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}</style><link rel="stylesheet" href="https://js.arcgis.com/4.20/esri/themes/light/main.css" /><script src="https://js.arcgis.com/4.20/"></script><script>require(["esri/Map", "esri/views/SceneView"], (Map, SceneView) => {const map = new Map({basemap: "topo-vector",ground: "world-elevation"});const view = new SceneView({container: "viewDiv",map: map,scale: 50000000,center: [-101.17, 21.78]});});</script>
</head><body><div id="viewDiv"></div>
</body></html>

2、效果如下：

arcgis js（二）显示三维地图相关推荐

基于openlayers、cesium实现二、三维地图切换
本文介绍如何在普通2d的gis项目里实现地图的二.三维切换.二维地图引擎市面上比较多,比较有代表性的像openlayers.leaflet等.三维地图目前比较流行的开源方案有cesium,它本身是基于 ...
如何使用Autodesk InfraWorks 360显示三维地图
之前有介绍过如何使用Autodesk InfraWorks 360加载水经注万能地图下载器下载的卫星地图,往往有的时候二维的地图还不够,需要制作三维的地图,更加真实的反映当前的地形,这里讲解一下如何显 ...
ArcGIS JS 天地图之深色地图地图夜间模式
项目中需要使用酷炫模式的底图,高德地图提供了多种样式的底图,但不是通过wmts瓦片服务的方式提供,无法通过ArcGIS JS调用,且存在较大的偏移量.通过测试,尝试调用了MapBox地图,GEQ地图服 ...
三维地图前端arcgis_【ArcGIS JS API + eCharts系列】实现二、三维网络路径图的绘制...
概述前面两篇文章通过扩展EchartsLayer.js这个图层类,实现了使用ArcGIS JS API和eCharts,在二维和三维场景下绘制迁徙图和散点图.这篇文章继续通过绘制网络路径图的例子,再 ...
03 【ArcGIS JS API + eCharts系列】实现二、三维散点图的绘制
概述上一篇文章中我们介绍了如何使用ArcGIS JS API和eCharts结合,在二维和三维场景下绘制迁徙图.这篇文章我们来介绍下如何在二维和三维场景下绘制散点图,其实散点图跟迁徙图一样,它的绘制 ...
02 【ArcGIS JS API + eCharts系列】实现二、三维迁徙图的绘制
概述上一篇文章通过纯前端的方式实现了ArcGIS JS API和eCharts的普通二维图表绘制,因为这些图表绘制其实是跟地理坐标无关的,只需要设置图表的位置即可,所以仅仅用了纯前端的方式去实现.这 ...
04 【ArcGIS JS API + eCharts系列】实现二、三维网络路径图的绘制
概述前面两篇文章通过扩展EchartsLayer.js这个图层类,实现了使用ArcGIS JS API和eCharts,在二维和三维场景下绘制迁徙图和散点图.这篇文章继续通过绘制网络路径图的例子,再 ...
【excel】三维地图演示
一.部分省份的男女性别比例在excel中建立一个如下图的表格. 二.三维地图 1.选中 2.三维地图 3.添加字段三.补充 1.移动 2.平面地图 3.主题
ArcGIS JS 版军事标绘图(燕尾箭头、钳击箭头、集结地)扇形等自定义图形
ArcGIS API for JavaScript 版本的自定义图形标绘. 支持: arcgis js 3.x arcgis js 4.x 百度地图高德地图 openlayer 离线地图实例代码 ...
skyline三维地图与arcgis二维地图联动
无论是二维控制三维,还是三维控制二维,都是通过事件来触发,只不过各自的事件有所区别就是了.这里所说的二维,是指arcgis for jsapi,三维指skyline,都是前端的内容. 其中二维控制三维 ...

arcgis js（二）显示三维地图

arcgis js（二）显示三维地图相关推荐

最新文章

热门文章