ArcGIS API for JavaScript 学习(一) 创建三维地图

原创 2018年04月17日 17:26:42

创建三维地图。

参考网址:https://developers.arcgis.com/javascript/latest/sample-code/intro-sceneview/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>三维地图</title>
    <style>
        html, body, #viewDiv {
            padding: 0;
            margin: 60px;
            height: 90%;
            width: 90%;
        }
    </style>
    <link rel="stylesheet" href="https://js.arcgis.com/4.6/esri/css/main.css">
    <script src="https://js.arcgis.com/4.6/"></script>
    <script>
        require([
            "esri/Map",
            "esri/views/SceneView",
            "dojo/domReady!"
        ], function(Map, SceneView){
            var map = new Map({
                basemap: "streets",
                ground: "world-elevation"
            });
            var view = new SceneView({
                container: "viewDiv",     // Reference to the scene div created in step 5
                map: map,                 // Reference to the map object created before the scene
                scale: 50000000,          // Sets the initial scale to 1:50,000,000
                center: [108.95, 34.53]  // Sets the center point of view with lon/lat
            });
        });
    </script>
</head>
<body>
<div id="viewDiv"></div>
<div style="left: 600px; position: absolute; top: 60px;"><font size="8" color="#00bfff"  >三维地图</font></div>
</body>
</html>
效果如图:


Arcgis api for javascript开发引导课程

-
  • 1970年01月01日 08:00

arcgis api for javascript 4.0 入门学习(1)创建一个2D地图

创建一个2D地图
  • qq_35405532
  • qq_35405532
  • 2016-07-09 17:17:07
  • 1345

arcgis api for javascript 4.0 入门学习(2)创建一个3D地图

创建一个3D地图
  • qq_35405532
  • qq_35405532
  • 2016-07-09 18:39:42
  • 1209

空间数据可视化:ArcGIS JavaScript API 二、三维数据一体化

ESRI不愧为GIS业界巨头,从本科起就开始接触ArcGIS系列,桌面端从ArcMap 到 ArcPro,服务端从ArcIMS 到 ArcServer,无不体现了这个了不起的公司在与时俱进、不断创新。...
  • yaoxiaochuang
  • yaoxiaochuang
  • 2016-05-21 11:45:17
  • 11350

ArcGis API for JavaScript学习——加载地图

ArcGis API for JavaScript开发笔记——加载地图在这个例子中使用的离线部署的API(请参见《ArcGis API for JavaScript开发笔记——离线部署API》)。 ...
  • u010371710
  • u010371710
  • 2016-12-27 20:08:05
  • 3081

ArcGis API for JavaScript学习——发布服务

ArcGis API for JavaScript开发笔记——发布服务发布地图服务需要用到ArcGIS Desktop和ArcGIS Server。两个软件的版本需要一致。 1、 安装软件 Ar...
  • u010371710
  • u010371710
  • 2016-12-27 20:26:39
  • 928

Arcgis for Javascript实现两个地图的联动

Arcgis for Javascript下实现类天地图多时相地图查看的两个地图的联动效果
  • GISShiXiSheng
  • GISShiXiSheng
  • 2014-10-16 00:33:25
  • 4168

arcgis-api-for-js-之创建一个3D地图

1.引用资源首先跟创建2D地图一样,在head标签内部,使用script和link标签引用ArcGIS API for JavaScript,代码如下: ...
  • cj9551
  • cj9551
  • 2018-01-02 15:26:57
  • 244

ArcGIS API for JS之基础篇(三)可视化

ArcGIS API for JS之基础篇(三)可视化 终于到家了,可以接着写有意思的东西。如何把数据简洁美观易读的呈现出来,数据可视化内容小结可以给你们惊喜。这篇文章跨域了美赛+新年,它非常有魅力...
  • weixin_41665391
  • weixin_41665391
  • 2018-02-21 14:02:44
  • 75

使用Javascript API for ArcGIS 4.X实现二三维一体化

使用Javascript API for ArcGIS 4.X实现二三维一体化 地图
  • qq_36264495
  • qq_36264495
  • 2017-09-19 18:09:06
  • 863
收藏助手
不良信息举报
您举报文章:ArcGIS API for JavaScript 学习(一) 创建三维地图
举报原因:
原因补充:

(最多只允许输入30个字)