Creat New Map

最新推荐文章于 2024-02-10 20:55:21 发布

Ali阿狸的梦想

最新推荐文章于 2024-02-10 20:55:21 发布

阅读量652

点赞数

CC 4.0 BY-SA版权

分类专栏： Arcgis javascript 4x

本文链接：https://blog.youkuaiyun.com/Guangliang1102/article/details/54091085

Arcgis javascript 4x 专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何使用ArcGIS API创建一个2D地图视图，并设置了基本的地图样式、缩放级别及中心点坐标。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>MapView 2D map</title>
    <link href="css/map.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://js.arcgis.com/4.2/esri/css/main.css">
    <script src="https://js.arcgis.com/4.2/"></script>
<script>
    require([
      "esri/Map",//创建地图所需要的类
      "esri/views/MapView",
      "dojo/domReady!"//加载dojo框架
    ], function (Map, MapView) {
        var myMap = new Map({
            basemap: "topo",ground:"world-elevation"
        });
        var view = new MapView({
            container: "viewDiv",  // Reference to the scene div created in step 5
            map: myMap,  // Reference to the map object created before the scene
            zoom: 5,  // Sets the zoom level based on level of detail (LOD)
            center: [105,35]  // Sets the center point of view in lon/lat
        });
    });
</script>
</head>
<body>
  <div id="viewDiv" style="height:640px; width:1349px"></div>
</body>
</html>