Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-esri-map

Package Overview
Dependencies
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-esri-map - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

.publish/add-remove-layers.html

7

CHANGELOG.md

@@ -8,2 +8,6 @@ # Change Log

## [v2.0.4]
esriLoader defaults to loading JSAPI v4.4. Docs site uses JSAPI v4.4 and Angular v1.6.5.
## [v2.0.3]

@@ -309,3 +313,4 @@

[unreleased]: https://github.com/Esri/angular-esri-map/compare/v2.0.3...HEAD
[unreleased]: https://github.com/Esri/angular-esri-map/compare/v2.0.4...HEAD
[v2.0.4]: https://github.com/Esri/angular-esri-map/compare/v2.0.3...v2.0.4
[v2.0.3]: https://github.com/Esri/angular-esri-map/compare/v2.0.2...v2.0.3

@@ -312,0 +317,0 @@ [v2.0.2]: https://github.com/Esri/angular-esri-map/compare/v2.0.1...v2.0.2

4

dist/angular-esri-core.js

@@ -32,3 +32,3 @@ (function(angular) {

* @param {Object=} options Send a list of options of how to load the ArcGIS API for JavaScript.
* This defaults to `{url: '//js.arcgis.com/4.3'}`.
* This defaults to `{url: 'https://js.arcgis.com/4.4'}`.
*

@@ -52,3 +52,3 @@ * @return {Promise} Returns a $q style promise which is resolved once the ArcGIS API for JavaScript has been loaded.

script.type = 'text/javascript';
script.src = opts.url || window.location.protocol + '//js.arcgis.com/4.3';
script.src = opts.url || window.location.protocol + '//js.arcgis.com/4.4';

@@ -55,0 +55,0 @@ // Set onload callback to resolve promise

@@ -1,1 +0,1 @@

!function(r){"use strict";r.module("esri.core",[])}(angular),function(r){"use strict";r.module("esri.core").factory("esriLoader",["$q",function(r){function e(e){var n=r.defer(),o=e||{};if(t())return n.reject("ArcGIS API for JavaScript is already loaded."),n.promise;var i=document.createElement("script");return i.type="text/javascript",i.src=o.url||window.location.protocol+"//js.arcgis.com/4.3",i.onload=function(){n.resolve(window.require)},document.body.appendChild(i),n.promise}function t(){return"undefined"!=typeof window.require}function n(e,n){var o=r.defer();return t()?"string"==typeof e?(require([e],function(r){o.resolve(r)}),o.promise.then(function(r){return n&&"function"==typeof n&&n(r),r})):e instanceof Array?(require(e,function(){var r=Array.prototype.slice.call(arguments);o.resolve(r)}),o.promise.then(function(r){return n&&"function"==typeof n&&n.apply(this,r),r})):(o.reject("An Array<String> or String is required to load modules."),o.promise):(o.reject("Trying to call esriLoader.require(), but the ArcGIS API for JavaScript has not been loaded yet. Run esriLoader.bootstrap() if you are lazy loading the ArcGIS API for JavaScript."),o.promise)}return{bootstrap:e,isLoaded:t,require:n}}])}(angular),function(r){"use strict";r.module("esri.core").service("esriRegistry",["$q",function(r){var e={};return{_register:function(t,n){e[t]||(e[t]=r.defer());var o=e[t];return n.then(function(r){return o.resolve(r),r},function(r){return o.reject(r),r}),function(){delete e[t]}},get:function(t){if(e[t])return e[t].promise;var n=r.defer();return e[t]=n,n.promise}}}])}(angular);
!function(r){"use strict";r.module("esri.core",[])}(angular),function(r){"use strict";r.module("esri.core").factory("esriLoader",["$q",function(r){function e(e){var n=r.defer(),o=e||{};if(t())return n.reject("ArcGIS API for JavaScript is already loaded."),n.promise;var i=document.createElement("script");return i.type="text/javascript",i.src=o.url||window.location.protocol+"//js.arcgis.com/4.4",i.onload=function(){n.resolve(window.require)},document.body.appendChild(i),n.promise}function t(){return"undefined"!=typeof window.require}function n(e,n){var o=r.defer();return t()?"string"==typeof e?(require([e],function(r){o.resolve(r)}),o.promise.then(function(r){return n&&"function"==typeof n&&n(r),r})):e instanceof Array?(require(e,function(){var r=Array.prototype.slice.call(arguments);o.resolve(r)}),o.promise.then(function(r){return n&&"function"==typeof n&&n.apply(this,r),r})):(o.reject("An Array<String> or String is required to load modules."),o.promise):(o.reject("Trying to call esriLoader.require(), but the ArcGIS API for JavaScript has not been loaded yet. Run esriLoader.bootstrap() if you are lazy loading the ArcGIS API for JavaScript."),o.promise)}return{bootstrap:e,isLoaded:t,require:n}}])}(angular),function(r){"use strict";r.module("esri.core").service("esriRegistry",["$q",function(r){var e={};return{_register:function(t,n){e[t]||(e[t]=r.defer());var o=e[t];return n.then(function(r){return o.resolve(r),r},function(r){return o.reject(r),r}),function(){delete e[t]}},get:function(t){if(e[t])return e[t].promise;var n=r.defer();return e[t]=n,n.promise}}}])}(angular);

@@ -32,3 +32,3 @@ (function(angular) {

* @param {Object=} options Send a list of options of how to load the ArcGIS API for JavaScript.
* This defaults to `{url: '//js.arcgis.com/4.3'}`.
* This defaults to `{url: 'https://js.arcgis.com/4.4'}`.
*

@@ -52,3 +52,3 @@ * @return {Promise} Returns a $q style promise which is resolved once the ArcGIS API for JavaScript has been loaded.

script.type = 'text/javascript';
script.src = opts.url || window.location.protocol + '//js.arcgis.com/4.3';
script.src = opts.url || window.location.protocol + '//js.arcgis.com/4.4';

@@ -55,0 +55,0 @@ // Set onload callback to resolve promise

@@ -1,1 +0,1 @@

!function(e){"use strict";e.module("esri.core",[])}(angular),function(e){"use strict";e.module("esri.core").factory("esriLoader",["$q",function(e){function i(i){var n=e.defer(),r=i||{};if(t())return n.reject("ArcGIS API for JavaScript is already loaded."),n.promise;var o=document.createElement("script");return o.type="text/javascript",o.src=r.url||window.location.protocol+"//js.arcgis.com/4.3",o.onload=function(){n.resolve(window.require)},document.body.appendChild(o),n.promise}function t(){return"undefined"!=typeof window.require}function n(i,n){var r=e.defer();return t()?"string"==typeof i?(require([i],function(e){r.resolve(e)}),r.promise.then(function(e){return n&&"function"==typeof n&&n(e),e})):i instanceof Array?(require(i,function(){var e=Array.prototype.slice.call(arguments);r.resolve(e)}),r.promise.then(function(e){return n&&"function"==typeof n&&n.apply(this,e),e})):(r.reject("An Array<String> or String is required to load modules."),r.promise):(r.reject("Trying to call esriLoader.require(), but the ArcGIS API for JavaScript has not been loaded yet. Run esriLoader.bootstrap() if you are lazy loading the ArcGIS API for JavaScript."),r.promise)}return{bootstrap:i,isLoaded:t,require:n}}])}(angular),function(e){"use strict";e.module("esri.core").service("esriRegistry",["$q",function(e){var i={};return{_register:function(t,n){i[t]||(i[t]=e.defer());var r=i[t];return n.then(function(e){return r.resolve(e),e},function(e){return r.reject(e),e}),function(){delete i[t]}},get:function(t){if(i[t])return i[t].promise;var n=e.defer();return i[t]=n,n.promise}}}])}(angular),function(e){"use strict";e.module("esri.map",["esri.core"])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriHomeButtonController",["$element","esriLoader",function(i,t){var n,r=this;this.$onInit=function(){n=i.children()[0],r.uiPosition=r.viewUiPosition()},1===e.version.major&&e.version.minor<5&&this.$onInit(),this.getViewModel=function(){return t.require("esri/widgets/Home/HomeViewModel").then(function(e){return{viewModel:e}})},this.setView=function(e){if(e)return this.getViewModel().then(function(i){r.viewModel=new i.viewModel({view:e}),r.uiPosition&&e.ui.add(n,r.uiPosition)})},this.go=function(){this.viewModel&&this.viewModel.go()}}])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriMapViewController",["$element","$scope","$q","esriLoader","esriRegistry",function(i,t,n,r,o){var s=this;this.$onInit=function(){s.options=this.viewOptions()||{},s.options.container=i.children()[0]},1===e.version.major&&e.version.minor<5&&this.$onInit(),this.getMapView=function(){return r.require("esri/views/MapView").then(function(e){return{view:e}})},this.setMap=function(e){if(e)return s.view?void(s.view.map=e):(s.options.map=e,this.getMapView().then(function(e){s.view=new e.view(s.options);var i=n.defer();"string"==typeof s.registerAs&&(s.deregister=o._register(s.registerAs,i.promise),t.$on("$destroy",function(){s.deregister&&s.deregister()})),"function"==typeof s.onCreate()&&s.onCreate()(s.view),s.view.then(function(){"function"==typeof s.onLoad()&&t.$apply(function(){s.onLoad()(s.view)}),i.resolve({view:s.view})},function(e){"function"==typeof s.onError()&&s.onError()(e),i.reject(e)})}))}}])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriSceneViewController",["$element","$scope","$q","esriLoader","esriRegistry",function(i,t,n,r,o){var s=this;this.$onInit=function(){s.options=this.viewOptions()||{},s.options.container=i.children()[0]},1===e.version.major&&e.version.minor<5&&this.$onInit(),this.getSceneView=function(){return r.require("esri/views/SceneView").then(function(e){return{view:e}})},this.setMap=function(e){if(e)return s.view?void(s.view.map=e):(s.options.map=e,this.getSceneView().then(function(e){s.view=new e.view(s.options);var i=n.defer();"string"==typeof s.registerAs&&(s.deregister=o._register(s.registerAs,i.promise),t.$on("$destroy",function(){s.deregister&&s.deregister()})),"function"==typeof s.onCreate()&&s.onCreate()(s.view),s.view.then(function(){"function"==typeof s.onLoad()&&t.$apply(function(){s.onLoad()(s.view)}),i.resolve({view:s.view})},function(e){"function"==typeof s.onError()&&s.onError()(e),i.reject(e)})}))}}])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriWebsceneSlidesController",function(){var e=this;this.setSlides=function(e){e.forEach(function(e){e.isActiveSlide=!1})},this.onSlideClick=function(i){e.slides.forEach(function(e){e.isActiveSlide=!1}),i.isActiveSlide=!0,"function"==typeof e.onSlideChange&&e.onSlideChange()(i)}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriHomeButton",function(){return{restrict:"E",scope:{view:"=",viewUiPosition:"&"},template:['<div ng-click="homeButtonCtrl.go()" role="button" tabindex="0" class="esri-home esri-widget-button esri-widget esri-component">',' <span aria-hidden="true" class="esri-icon esri-icon-home" title="Default extent"></span>',' <span class="esri-icon-font-fallback-text">Home</span>',"</div>"].join(""),controllerAs:"homeButtonCtrl",bindToController:!0,controller:"EsriHomeButtonController",link:function(e,i,t,n){e.$watch("homeButtonCtrl.view",function(e){n.setView(e)})}}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriMapView",function(){return{restrict:"E",transclude:!0,scope:{registerAs:"@?",map:"=?",onCreate:"&",onLoad:"&",onError:"&",viewOptions:"&"},template:"<div ng-transclude></div>",controllerAs:"mapViewCtrl",bindToController:!0,controller:"EsriMapViewController",link:function(e,i,t,n){e.$watch("mapViewCtrl.map",function(e){n.setMap(e)})}}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriSceneView",function(){return{restrict:"E",transclude:!0,scope:{registerAs:"@?",map:"=?",onCreate:"&",onLoad:"&",onError:"&",viewOptions:"&"},template:"<div ng-transclude></div>",controllerAs:"sceneViewCtrl",bindToController:!0,controller:"EsriSceneViewController",link:function(e,i,t,n){e.$watch("sceneViewCtrl.map",function(e){n.setMap(e)})}}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriWebsceneSlides",function(){return{restrict:"E",scope:{slides:"=",onSlideChange:"&"},template:['<div class="slides-container" ng-show="websceneSlidesCtrl.slides.length > 0">',' <span class="slide" ng-repeat="slide in websceneSlidesCtrl.slides" ng-click="websceneSlidesCtrl.onSlideClick(slide)">'," {{slide.title.text}}"," <br>",' <img src="{{slide.thumbnail.url}}" title="{{slide.title.text}}" ng-class="{\'active-slide\': slide.isActiveSlide}">'," <br>"," </span>","</div>"].join(""),controllerAs:"websceneSlidesCtrl",bindToController:!0,controller:"EsriWebsceneSlidesController",link:function(e,i,t,n){e.$watch("websceneSlidesCtrl.slides",function(e){n.setSlides(e)})}}})}(angular);
!function(e){"use strict";e.module("esri.core",[])}(angular),function(e){"use strict";e.module("esri.core").factory("esriLoader",["$q",function(e){function i(i){var n=e.defer(),r=i||{};if(t())return n.reject("ArcGIS API for JavaScript is already loaded."),n.promise;var o=document.createElement("script");return o.type="text/javascript",o.src=r.url||window.location.protocol+"//js.arcgis.com/4.4",o.onload=function(){n.resolve(window.require)},document.body.appendChild(o),n.promise}function t(){return"undefined"!=typeof window.require}function n(i,n){var r=e.defer();return t()?"string"==typeof i?(require([i],function(e){r.resolve(e)}),r.promise.then(function(e){return n&&"function"==typeof n&&n(e),e})):i instanceof Array?(require(i,function(){var e=Array.prototype.slice.call(arguments);r.resolve(e)}),r.promise.then(function(e){return n&&"function"==typeof n&&n.apply(this,e),e})):(r.reject("An Array<String> or String is required to load modules."),r.promise):(r.reject("Trying to call esriLoader.require(), but the ArcGIS API for JavaScript has not been loaded yet. Run esriLoader.bootstrap() if you are lazy loading the ArcGIS API for JavaScript."),r.promise)}return{bootstrap:i,isLoaded:t,require:n}}])}(angular),function(e){"use strict";e.module("esri.core").service("esriRegistry",["$q",function(e){var i={};return{_register:function(t,n){i[t]||(i[t]=e.defer());var r=i[t];return n.then(function(e){return r.resolve(e),e},function(e){return r.reject(e),e}),function(){delete i[t]}},get:function(t){if(i[t])return i[t].promise;var n=e.defer();return i[t]=n,n.promise}}}])}(angular),function(e){"use strict";e.module("esri.map",["esri.core"])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriHomeButtonController",["$element","esriLoader",function(i,t){var n,r=this;this.$onInit=function(){n=i.children()[0],r.uiPosition=r.viewUiPosition()},1===e.version.major&&e.version.minor<5&&this.$onInit(),this.getViewModel=function(){return t.require("esri/widgets/Home/HomeViewModel").then(function(e){return{viewModel:e}})},this.setView=function(e){if(e)return this.getViewModel().then(function(i){r.viewModel=new i.viewModel({view:e}),r.uiPosition&&e.ui.add(n,r.uiPosition)})},this.go=function(){this.viewModel&&this.viewModel.go()}}])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriMapViewController",["$element","$scope","$q","esriLoader","esriRegistry",function(i,t,n,r,o){var s=this;this.$onInit=function(){s.options=this.viewOptions()||{},s.options.container=i.children()[0]},1===e.version.major&&e.version.minor<5&&this.$onInit(),this.getMapView=function(){return r.require("esri/views/MapView").then(function(e){return{view:e}})},this.setMap=function(e){if(e)return s.view?void(s.view.map=e):(s.options.map=e,this.getMapView().then(function(e){s.view=new e.view(s.options);var i=n.defer();"string"==typeof s.registerAs&&(s.deregister=o._register(s.registerAs,i.promise),t.$on("$destroy",function(){s.deregister&&s.deregister()})),"function"==typeof s.onCreate()&&s.onCreate()(s.view),s.view.then(function(){"function"==typeof s.onLoad()&&t.$apply(function(){s.onLoad()(s.view)}),i.resolve({view:s.view})},function(e){"function"==typeof s.onError()&&s.onError()(e),i.reject(e)})}))}}])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriSceneViewController",["$element","$scope","$q","esriLoader","esriRegistry",function(i,t,n,r,o){var s=this;this.$onInit=function(){s.options=this.viewOptions()||{},s.options.container=i.children()[0]},1===e.version.major&&e.version.minor<5&&this.$onInit(),this.getSceneView=function(){return r.require("esri/views/SceneView").then(function(e){return{view:e}})},this.setMap=function(e){if(e)return s.view?void(s.view.map=e):(s.options.map=e,this.getSceneView().then(function(e){s.view=new e.view(s.options);var i=n.defer();"string"==typeof s.registerAs&&(s.deregister=o._register(s.registerAs,i.promise),t.$on("$destroy",function(){s.deregister&&s.deregister()})),"function"==typeof s.onCreate()&&s.onCreate()(s.view),s.view.then(function(){"function"==typeof s.onLoad()&&t.$apply(function(){s.onLoad()(s.view)}),i.resolve({view:s.view})},function(e){"function"==typeof s.onError()&&s.onError()(e),i.reject(e)})}))}}])}(angular),function(e){"use strict";e.module("esri.map").controller("EsriWebsceneSlidesController",function(){var e=this;this.setSlides=function(e){e.forEach(function(e){e.isActiveSlide=!1})},this.onSlideClick=function(i){e.slides.forEach(function(e){e.isActiveSlide=!1}),i.isActiveSlide=!0,"function"==typeof e.onSlideChange&&e.onSlideChange()(i)}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriHomeButton",function(){return{restrict:"E",scope:{view:"=",viewUiPosition:"&"},template:['<div ng-click="homeButtonCtrl.go()" role="button" tabindex="0" class="esri-home esri-widget-button esri-widget esri-component">',' <span aria-hidden="true" class="esri-icon esri-icon-home" title="Default extent"></span>',' <span class="esri-icon-font-fallback-text">Home</span>',"</div>"].join(""),controllerAs:"homeButtonCtrl",bindToController:!0,controller:"EsriHomeButtonController",link:function(e,i,t,n){e.$watch("homeButtonCtrl.view",function(e){n.setView(e)})}}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriMapView",function(){return{restrict:"E",transclude:!0,scope:{registerAs:"@?",map:"=?",onCreate:"&",onLoad:"&",onError:"&",viewOptions:"&"},template:"<div ng-transclude></div>",controllerAs:"mapViewCtrl",bindToController:!0,controller:"EsriMapViewController",link:function(e,i,t,n){e.$watch("mapViewCtrl.map",function(e){n.setMap(e)})}}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriSceneView",function(){return{restrict:"E",transclude:!0,scope:{registerAs:"@?",map:"=?",onCreate:"&",onLoad:"&",onError:"&",viewOptions:"&"},template:"<div ng-transclude></div>",controllerAs:"sceneViewCtrl",bindToController:!0,controller:"EsriSceneViewController",link:function(e,i,t,n){e.$watch("sceneViewCtrl.map",function(e){n.setMap(e)})}}})}(angular),function(e){"use strict";e.module("esri.map").directive("esriWebsceneSlides",function(){return{restrict:"E",scope:{slides:"=",onSlideChange:"&"},template:['<div class="slides-container" ng-show="websceneSlidesCtrl.slides.length > 0">',' <span class="slide" ng-repeat="slide in websceneSlidesCtrl.slides" ng-click="websceneSlidesCtrl.onSlideClick(slide)">'," {{slide.title.text}}"," <br>",' <img src="{{slide.thumbnail.url}}" title="{{slide.title.text}}" ng-class="{\'active-slide\': slide.isActiveSlide}">'," <br>"," </span>","</div>"].join(""),controllerAs:"websceneSlidesCtrl",bindToController:!0,controller:"EsriWebsceneSlidesController",link:function(e,i,t,n){e.$watch("websceneSlidesCtrl.slides",function(e){n.setSlides(e)})}}})}(angular);
{
"name": "angular-esri-map",
"version": "2.0.3",
"version": "2.0.4",
"description": "A collection of directives to help you use Esri maps and services in your Angular applications",

@@ -5,0 +5,0 @@ "main": "dist/angular-esri-map.js",

@@ -8,3 +8,3 @@ angular-esri-map

These directives can be used as-is if your mapping needs are simple, or as reference examples of the patterns that you can use to write your own directives that use the ArcGIS API for JavaScript. [Read more...](http://esri.github.io/angular-esri-map/#/about)
These directives can be used as-is if your mapping needs are simple, or as reference examples of the patterns that you can use to write your own directives that use the ArcGIS API for JavaScript. [Read more...](https://esri.github.io/angular-esri-map/#/about)

@@ -27,3 +27,3 @@ ## Table of Contents

Here are [examples and guides](http://esri.github.io/angular-esri-map/) showing how you can use this module to bring Esri maps into your own AngularJS v1.x applications.
Here are [examples and guides](https://esri.github.io/angular-esri-map/) showing how you can use this module to bring Esri maps into your own AngularJS v1.x applications.

@@ -62,3 +62,3 @@ ### Quick Start

<link rel="stylesheet" href="https://js.arcgis.com/4.3/esri/css/main.css">
<link rel="stylesheet" href="https://js.arcgis.com/4.4/esri/css/main.css">
<style type="text/css">

@@ -78,5 +78,5 @@ html, body, .esri-view {

<!-- load Esri JSAPI -->
<script src="https://js.arcgis.com/4.3/"></script>
<script src="https://js.arcgis.com/4.4/"></script>
<!-- load AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.js"></script>
<!-- load angular-esri-map -->

@@ -100,7 +100,7 @@ <script src="https://unpkg.com/angular-esri-map@2"></script>

See the documentation for [examples and guides](http://esri.github.io/angular-esri-map) of how to use the other directives and services.
See the documentation for [examples and guides](https://esri.github.io/angular-esri-map) of how to use the other directives and services.
### Lazy Loading of the ArcGIS API for JavaScript
If your application only shows a map under certain conditions you may want to lazy load the ArcGIS API for JavaScript. You can do this by calling the `esriLoader.bootstrap()` method. See the [Lazy Load Patterns page](http://esri.github.io/angular-esri-map/#/patterns/lazy-load) for an example of how to do this.
If your application only shows a map under certain conditions you may want to lazy load the ArcGIS API for JavaScript. You can do this by calling the `esriLoader.bootstrap()` method. See the [Lazy Load Patterns page](https://esri.github.io/angular-esri-map/#/patterns/lazy-load) for an example of how to do this.

@@ -128,14 +128,17 @@ ## Dependencies

* [ArcGIS API for JavaScript](https://developers.arcgis.com/javascript/)
* [ArcGIS for Developers](http://developers.arcgis.com)
* [ArcGIS REST API](http://resources.arcgis.com/en/help/arcgis-rest-api/)
* [@Esri](http://twitter.com/esri)
* [ArcGIS for Developers](https://developers.arcgis.com)
* [ArcGIS REST API](https://resources.arcgis.com/en/help/arcgis-rest-api/)
* [@Esri](https://twitter.com/esri)
**Presentations**
* [Declarative Mapping Applications with AngularJS and the ArcGIS API for JavaScript](http://proceedings.esri.com/library/userconf/devsummit16/papers/dev_int_193.pdf), Esri 2016 International Developer Summit
* [ArcGIS API for JavaScript and AngularJS: What's New, What's Next](http://jwasilgeo.github.io/esri-jsapi-and-angular-whats-next-dev-summit-2016), Esri 2016 International Developer Summit
* [Declarative Mapping Applications with AngularJS and the ArcGIS API for JavaScript](https://proceedings.esri.com/library/userconf/devsummit16/papers/dev_int_193.pdf), Esri 2016 International Developer Summit
* [ArcGIS API for JavaScript and AngularJS: What's New, What's Next](https://jwasilgeo.github.io/esri-jsapi-and-angular-whats-next-dev-summit-2016), Esri 2016 International Developer Summit
* [Angular and the ArcGIS API for JavaScript](https://jwasilgeo.github.io/presentations/2017/angular-and-the-arcgis-api-for-javascript), Esri 2017 International Developer Summit
## What about Angular 2?
While **angular-esri-map** focuses on providing well tested directives and patterns to help you use Esri maps with AngularJS v1.x, the ArcGIS API for JavaScript can also be used with [Angular 2](https://angular.io/). In addition to the [Angular 2 specific information](http://jwasilgeo.github.io/esri-jsapi-and-angular-whats-next-dev-summit-2016/#/34) discussed in the [2016 "What's New, What's Next" presentation](http://jwasilgeo.github.io/esri-jsapi-and-angular-whats-next-dev-summit-2016) provided above, there are several resources available to inspire you to try out Esri+Angular 2.
While **angular-esri-map** focuses on providing well tested directives and patterns to help you use Esri maps with AngularJS v1.x, the ArcGIS API for JavaScript can also be used with [Angular 2](https://angular.io/). In addition to the [Angular 2 specific information](https://jwasilgeo.github.io/esri-jsapi-and-angular-whats-next-dev-summit-2016/#/34) discussed in the [2016 "What's New, What's Next" presentation](https://jwasilgeo.github.io/esri-jsapi-and-angular-whats-next-dev-summit-2016) and more recently in the [2017 "Angular and the ArcGIS API for JavaScript" presentation](https://jwasilgeo.github.io/presentations/2017/angular-and-the-arcgis-api-for-javascript) provided above, there are many resources available to inspire you to try out Esri+Angular 2.
* [ArcGIS API for JavaScript v4: Using Frameworks](https://developers.arcgis.com/javascript/latest/guide/using-frameworks/index.html)
* [tomwayson/angular2-esri-loader](https://github.com/tomwayson/angular2-esri-loader): An Angular 2 service to help you load ArcGIS API for JavaScript Modules
* [Esri/esri-system-js](https://github.com/Esri/esri-system-js): Load ArcGIS API for JavaScript modules using SystemJS

@@ -149,4 +152,4 @@ * [jwasilgeo/angular2-esri-playground](https://github.com/jwasilgeo/angular2-esri-playground): Example app using the ArcGIS API for JavaScript v4 with Angular 2 loaded via esri-system-js

* [andygup/ionic2-esri-map](https://github.com/andygup/ionic2-esri-map): Example using ArcGIS API for JavaScript with Ionic2 using the angular2-esri-loader pattern with webpack.
* [jwasilgeo/ionic-esri-map](https://github.com/jwasilgeo/ionic-esri-map): An Ionic1 app showing how to integrate a map using the angular-esri-map v1 pattern.
* [andygup/ionic2-esri-map](https://github.com/andygup/ionic2-esri-map): Example using ArcGIS API for JavaScript with Ionic2 using the angular2-esri-loader pattern with webpack.

@@ -163,3 +166,3 @@ ## Issues

Make sure you have [Node](http://nodejs.org/) and [Gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md#getting-started) installed.
Make sure you have [Node](https://nodejs.org/) and [Gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md#getting-started) installed.

@@ -170,3 +173,3 @@ 1. [Fork and clone this repo](https://help.github.com/articles/fork-a-repo)

4. run `gulp` from the command line. This will run the linting and build commands and then start a local web server hosting the application under the `docs` folder
5. Modify the source files (under `src`) and test pages (under `test`). Test pages are served along with the docs site when you run the `gulp` task and are accessible from the root (i.e. `http://localhost:9002/simple-map.html`).
5. Modify the source files (under `src`) and test pages (under `test`). Test pages are served along with the docs site when you run the `gulp` task and are accessible from the root (i.e. `https://localhost:9002/simple-map.html`).
6. Make a [pull request](https://help.github.com/articles/creating-a-pull-request) to contribute your changes

@@ -182,3 +185,3 @@

http://www.apache.org/licenses/LICENSE-2.0
https://www.apache.org/licenses/LICENSE-2.0

@@ -192,4 +195,1 @@ Unless required by applicable law or agreed to in writing, software

A copy of the license is available in the repository's [license.txt](https://raw.github.com/Esri/angular-esri-map/master/LICENSE) file.
[](Esri Tags: ArcGIS Web Mapping Angular Framework)
[](Esri Language: JavaScript)

@@ -25,3 +25,3 @@ /*global require: false*/

* @param {Object=} options Send a list of options of how to load the ArcGIS API for JavaScript.
* This defaults to `{url: '//js.arcgis.com/4.3'}`.
* This defaults to `{url: 'https://js.arcgis.com/4.4'}`.
*

@@ -45,3 +45,3 @@ * @return {Promise} Returns a $q style promise which is resolved once the ArcGIS API for JavaScript has been loaded.

script.type = 'text/javascript';
script.src = opts.url || window.location.protocol + '//js.arcgis.com/4.3';
script.src = opts.url || window.location.protocol + '//js.arcgis.com/4.4';

@@ -48,0 +48,0 @@ // Set onload callback to resolve promise

@@ -38,4 +38,4 @@ describe('esriLoader', function() {

describe('when not passing url in options', function() {
it('should default to 4.3', function() {
var url = window.location.protocol + '//js.arcgis.com/4.3';
it('should default to 4.4', function() {
var url = window.location.protocol + '//js.arcgis.com/4.4';
esriLoader.bootstrap();

@@ -42,0 +42,0 @@ expect(document.body.appendChild.calls.argsFor(0)[0].src).toEqual(url);

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc