Prototype app demonstrating one approach for using Ionic (v3+) with the ArcGIS API for JavaScript.
- Clone or download this repo
- Create an Ionic project. It can be either android or iOS
npm install โg cordova ionic
ionic start testApp tabs
cd testApp
ionic cordova platform add android
npm install angular-esri-loader
- Then copy
index.html
,home.html
andhome.ts
from this repo to their respective directories in your new project. - Then build your project
ionic cordova build android
ionic cordova run android
- Be sure to test your app on a native device!
-
Last tested using Ionic 3.3.0, Angular Core 4.1.2, Android 7.2.1, Chrome 58.0.3029.110 (64-bit).
-
Not getting a location result in Android - do the following steps:
- If you are using Android Studio look for errors in Android Monitor. You may have also gotten an application alert box when the
watchPosition()
request timed out. - Add these permissions to the
AndroidManifest.xml file
. You can find it under/<your_project_directory>/platforms/android/
:
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
- Go into the application settings on the device and enable
Location
. - Close your application using swipe and then restart it.
- If you are using Android Studio look for errors in Android Monitor. You may have also gotten an application alert box when the