AnsweredAssumed Answered

How to add feature layer to AngularJS Ionic?

Question asked by ANS_dev on Nov 8, 2017

I want to show a web-map including feature layer in my hybrid app.


Therefore, I followed instructions here: GitHub - jwasilgeo/ionic-esri-map: An Ionic app demonstrating how to use the Esri ArcGIS API for JavaScript. 


I renamed the fullscreen.html to index.html.

In addition, I added zoom and extent (which works).


However, adding the feature layer doesn't work. Any suggestions how to add a feature layer correctly? Or can I add the webmap (with the feature layer) itself?


Thanks in advance!


<!DOCTYPE html>
   <meta charset="utf-8">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

   <meta http-equiv="Content-Security-Policy"
               style-src 'self' 'unsafe-inline';
               script-src 'self' 'unsafe-eval'">


   <link href="lib/ionic/css/ionic.css" rel="stylesheet">

   <!-- load Esri CSS -->
   <link rel="stylesheet" href="">

   <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
   <link href="css/" rel="stylesheet">


      html, body, #esriMap {
      padding: 0;
      margin: 0;
      height: 100%;


   <!-- ionic/angularjs js -->
   <script src="lib/ionic/js/ionic.bundle.js"></script>

   <!-- cordova script (this will be a 404 during development) -->
   <script src="cordova.js"></script>

   <!-- load Esri JSAPI -->
   <script src=""></script>
   <!-- load angular-esri-map -->
   <script src=""></script>

   <!-- your app's js -->
   <script src="js/fullscreen/app.js"></script>
   <script src="js/fullscreen/controllers.js"></script>
   <script src="js/fullscreen/services.js"></script>
<body ng-app="starter">

      id = "esriMap"
         basemap : 'topo',
         center: [4.91, 52.36],
         zoom: 13