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

初学者入门笔记,按照帮助文件上的Sample Code->Mapping and Views->Get started with SceneView(3D)示例照抄的

<pre name="code" class="html"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>创建一个3D地图</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>

    <link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css">
    <script src="https://js.arcgis.com/4.0/"></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",
                map: map,
                scale: 50000000,
                center: [-101.17, 21.78]
            });
        });

    </script>

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

简单点说就是body里有个div,div里有个SceneView,SceneView里有个Map,SceneView里指定了几个属性,Map里指定了几个属性,然后Run~~(和第一篇对比发现,MapView用于2D显示,SceneView用于3D显示。)

哇哦:

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值