Prototype app demonstrating one approach for using Ionic (v4+) with the ArcGIS API for JavaScript.
For a more complete Angular sample you should also check out: https://github.com/Esri/angular-cli-esri-map
- Clone or download this repo
- Create an Ionic project. It can be either android or iOS
npm install -g ionic
ionic start testApp tabs
cd testApp
ionic cordova prepare android
npm install esri-loader
- Run a quick test to make sure that boilerplate Ionic project loaded but running
ionic servefrom your projects roots directory. If you don't get a web page launch then look for errors, something didn't install right. - Then copy
index.html,tab1.page.htmlandtab1.page.tsfrom this repo to their respective directories in your new project. - Then build or run your project
ionic cordova run android -1
- Be sure to test your app on a native device!
-
Last tested using
- Ionic CLI 4.10.2
- Angular 7.2.4,
- Cordova 8.1.2,
- Cordova android 7.1.4,
- Device OS: Android 9,
- esri-loader: 2.6.0
-
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