【问题标题】:Display map using ArcGIS JS 4 API with AngularJS [closed]使用带有 AngularJS 的 ArcGIS JS 4 API 显示地图 [关闭]
【发布时间】:2016-05-02 22:53:47
【问题描述】:

我是 ArcGIS JS 的新手,因此非常感谢任何帮助。

作为起点,我想使用带有 AngularJS 的 ArcGIS js API 4 显示任何地图。任何指针或示例都会有帮助。

谢谢

【问题讨论】:

标签: angularjs angularjs-directive esri arcgis-js-api


【解决方案1】:

好吧,如果您正在使用 esri map 寻找 angularjs 的直接指令; 以下是该示例。

使用 esri 地图了解更多关于 angularjs 的信息please click here...

<!DOCTYPE html>
<html ng-app="esri-map-example">
    <head>
        <title>Angular Esri Quick Start</title>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
      <script src="//npmcdn.com/angular-esri-map@2.0.0-beta.2"></script>
        <link rel="stylesheet" href="//js.arcgis.com/4.0beta3/esri/css/main.css">
    </head>
    <body ng-controller="MapController as vm">
        <esri-scene-view map="vm.map" view-options="{scale: 50000000, center: [-101.17, 21.78]}">
        </esri-scene-view>

        <!-- load Esri JSAPI -->
        <script src="//js.arcgis.com/4.0beta3/"></script>
        <!-- load AngularJS -->
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
        <!-- load angular-esri-map -->
        <script src="//npmcdn.com/angular-esri-map@2.0.0-beta.2"></script>

        <script type="text/javascript">
            angular.module('esri-map-example', ['esri.map'])
                .controller('MapController', function(esriLoader) {
                    var self = this;
                    esriLoader.require(['esri/Map'], function(Map) {
                        self.map = new Map({
                            basemap: 'streets'
                        });
                    });
                });
        </script>
    </body>
</html>

【讨论】:

  • 我从共享的链接中尝试了一些指令并且它有效。这给了我一个快速的开始。感谢您的快速周转。
  • 如果这是一个有用的答案而不是接受它作为答案。
  • 此实现是否有 TypeScript 转换?
  • 我必须检查一下....
  • 谢谢,非常感谢您的帮助。
【解决方案2】:

好吧,下面是使用 ArcGIS JS API 4.0

添加地图 3d 地图的代码

有关 API 和示例的更多详细信息Please click here...

 require([
      "esri/Map",
      "esri/views/SceneView",
      "dojo/domReady!"
    ], function(Map, SceneView) {

      var map = new Map({
        basemap: "streets"
      });

      var view = new SceneView({
        container: "viewDiv",
        map: map,
        scale: 50000000,
        center: [-101.17, 21, 78]
      });

    });
 html,
    body {
      padding: 0;
      margin: 0;
    }
<link rel="stylesheet" href="https://js.arcgis.com/4.0beta3/esri/css/main.css">
  <script src="https://js.arcgis.com/4.0beta3/"></script>
<body>
  <div id="viewDiv"></div>
</body>

更新

以上示例基于dojo框架,因为ARCGIS js api与dojo紧密绑定...

【讨论】:

  • 您应该在回答中说明 ArcGIS js API 依赖于 dojo 框架,因此您的回答没有使用 Angular JS。
  • @Marc_Alx 是的.. 它是真的.. 但是 esri 地图也可用于 angular.. 我的另一个答案解释说.. 那就是我添加了两个不同的答案..
  • 仍然感谢我在回答中也添加了这一点。 :)
  • 在写答案之前检查问题
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-12-17
  • 2016-07-22
  • 2016-05-26
  • 2021-12-25
  • 1970-01-01
  • 2015-07-10
  • 1970-01-01
相关资源
最近更新 更多