Angular Esri Map 项目教程

Angular Esri Map 项目教程

angular-esri-mapA collection of directives to help you use Esri maps and services in your Angular applications项目地址:https://gitcode.com/gh_mirrors/an/angular-esri-map

1. 项目的目录结构及介绍

Angular Esri Map 项目的目录结构如下：

angular-esri-map/
├── LICENSE
├── README.md
├── bower.json
├── package.json
├── src/
│   ├── angular-esri-map.js
│   ├── angular-esri-map.min.js
│   └── directives/
│       ├── esriMap.js
│       ├── esriMapController.js
│       ├── esriSceneView.js
│       └── esriWebMap.js
├── examples/
│   ├── basic-esri-map/
│   ├── dynamic-data-layer/
│   ├── esri-scene-view/
│   └── esri-web-map/
└── test/
    ├── karma.conf.js
    └── spec/
        └── directives/

目录结构介绍

• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• bower.json: Bower 包管理配置文件。
• package.json: npm 包管理配置文件。
• src/: 包含项目的主要源代码文件。
  • angular-esri-map.js: 主模块文件。
  • angular-esri-map.min.js: 主模块文件的压缩版本。
  • directives/: 包含 Angular 指令的源代码文件。
• examples/: 包含项目的示例代码。
• test/: 包含项目的测试代码。

2. 项目的启动文件介绍

项目的启动文件是 src/angular-esri-map.js，它定义了 Angular 模块 esri.map，并包含了所有必要的指令和服务。

启动文件内容

(function() {
  'use strict';

  angular
    .module('esri.map', [])
    .directive('esriMap', esriMap)
    .directive('esriSceneView', esriSceneView)
    .directive('esriWebMap', esriWebMap);

  function esriMap() {
    // 指令定义
  }

  function esriSceneView() {
    // 指令定义
  }

  function esriWebMap() {
    // 指令定义
  }
})();

3. 项目的配置文件介绍

项目的配置文件主要包括 bower.json 和 package.json。

bower.json

bower.json 文件用于 Bower 包管理，定义了项目的名称、版本、依赖等信息。

{
  "name": "angular-esri-map",
  "version": "2.0.0",
  "description": "A collection of directives to help you use Esri maps and services in your AngularJS applications.",
  "main": "src/angular-esri-map.js",
  "dependencies": {
    "angular": "~1.6.5",
    "esri-loader": "^2.0.0"
  },
  "devDependencies": {
    "karma": "^1.7.1",
    "karma-chrome-launcher": "^2.2.0",
    "karma-jasmine": "^1.1.0"
  }
}

package.json

package.json 文件用于 npm 包管理，定义了项目的名称、版本、脚本、依赖等信息。

{
  "name": "angular-esri-map",
  "version": "2.0.0",
  "description": "A collection of directives to help you use Esri maps and services in your AngularJS applications.",
  "main": "src/angular-esri-map.js",
  "scripts": {
    "test": "karma start test/karma.conf.js"
  },
  "dependencies": {
    "angular": "~1.6.5",
    "esri-loader": "^2.0.0"
  },
  "devDependencies": {
    "karma": "^1.7.1",
    "karma-chrome-launcher": "^2.2.0",
    "karma-jasmine": "^1.1.0"
  }
}

以上是 Angular Esri Map 项目的目录结构、启动文件和配置文件的介绍。希望这些信息能帮助你更好地理解和使用该项目。

angular-esri-mapA collection of directives to help you use Esri maps and services in your Angular applications项目地址:https://gitcode.com/gh_mirrors/an/angular-esri-map