ArcGIS API for JavaScript（一）：basemap底图类型

最新推荐文章于 2023-12-20 09:46:59 发布

锦岁

最新推荐文章于 2023-12-20 09:46:59 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ArcGIS

本文链接：https://blog.youkuaiyun.com/weixin_39520640/article/details/99936573

ArcGIS 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一个使用ArcGIS API加载2D地图的示例代码，展示了如何设置地图底图类型、视图容器、地图中心点坐标及缩放级别。通过此示例，读者可以了解并实践如何在网页中嵌入并配置ArcGIS地图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>加载2D</title>
  <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
  <script src="https://js.arcgis.com/4.12/"></script>
  <script>
  require([
      "esri/Map",
      "esri/views/MapView"
    ], function(Map, MapView) {

    var map = new Map({
      basemap: "terrain"      //底图类型
    });
    
    var view = new MapView({
      container: "viewDiv",
      map: map,
      center: [-118.71511, 34.09042], 
      zoom: 15
    });
  });
  </script>
</head>
<body>
  <div id="viewDiv"></div>
</body>

1、topo
在这里插入图片描述
2、terrain

3、streets-relief-vector

4、streets-night-vector

5、streets-navigation-vector

6、streets

7、satellite

8、osm

9、oceans

10、national-geographic

11、hybrid

12、gray

13、dark-gray