Skip to content

Latest commit

 

History

History
100 lines (80 loc) · 2.62 KB

2.6README.md

File metadata and controls

100 lines (80 loc) · 2.62 KB

ArcGIS

@(笔记)[ArcGIS]@案例：https://github.com/lhywell/map/tree/master/example/example16

入门教程

官网

ArcGIS是组织创建，管理，共享和分析空间数据的平台。它由服务器组件，移动和桌面应用程序以及开发人员工具组成。该平台可以使用ArcGIS Enterprise部署在本地或云中（Amazon，Azure），也可以通过由Esri托管和管理的ArcGIS Online使用。http://www.arcgis.com

特征

  1. 功能强大，
  2. 制图，即用型地图
  3. 多人分享
  4. 支持多种平台
  5. 支持2D、3D

ArcGIS Online

云技术的制图平台，提供分析，管理等一切功能

查看API

示例

https://developers.arcgis.com/javascript/latest/sample-code/index.html

构建一个地图

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Load a basic WebMap - 4.6</title>

  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </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/views/MapView",
      "esri/WebMap",
      "dojo/domReady!"
    ], function(
      MapView, WebMap
    ) {

      /************************************************************
       * Creates a new WebMap instance. A WebMap must reference
       * a PortalItem ID that represents a WebMap saved to
       * arcgis.com or an on-premise portal.
       *
       * To load a WebMap from an on-premise portal, set the portal
       * url with esriConfig.portalUrl.
       ************************************************************/
      var webmap = new WebMap({
        portalItem: { // autocasts as new PortalItem()
          id: "f61794c65d39491e82c516a5508af5da"
        }
      });

      /************************************************************
       * Set the WebMap instance to the map property in a MapView.
       ************************************************************/
      var view = new MapView({
        map: webmap,
        container: "viewDiv"
      });
    });
  </script>
</head>

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

</html>

上一页：Mapbox

下一页：Leaflet.js