integrating esri-leaflet and the intel xdk in a mobile app

10
Angular, Intel XDK Arc Gis & Esri-Leaflet SIG 2015

Upload: gregory-menvielle

Post on 13-Apr-2017

452 views

Category:

Mobile


0 download

TRANSCRIPT

Page 1: Integrating Esri-Leaflet and the Intel XDK in a mobile app

Angular, Intel XDK Arc Gis & Esri-Leaflet

SIG 2015

Page 2: Integrating Esri-Leaflet and the Intel XDK in a mobile app

@smartnotify pour les slides

[email protected]

www.smartnotify.us/smartcity

Vive les questions!

Quelques infos

Page 3: Integrating Esri-Leaflet and the Intel XDK in a mobile app

Le SIG dans notre appli

Geoloc Navigation

Fonds de Cartes

Page 4: Integrating Esri-Leaflet and the Intel XDK in a mobile app

https://software.intel.com/en-us/intel-xdk

Gratuit

Multi-Platforme

IoT

Intel XDK - Multiplatform

Page 5: Integrating Esri-Leaflet and the Intel XDK in a mobile app

Ionic - Design/Ux

Performance

mais…pas de jquery :)

Angular + Ionic

Page 6: Integrating Esri-Leaflet and the Intel XDK in a mobile app

https://github.com/Esri/esri-leaflet

<style> #map { width : 100%; height : 100%; }</style>

Esri - Leaflet

Page 7: Integrating Esri-Leaflet and the Intel XDK in a mobile app

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.5/leaflet.css" />

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.5/leaflet.js"></script>

Challenge #1: The Endpoints

Page 8: Integrating Esri-Leaflet and the Intel XDK in a mobile app

function esriTokenCheck(UserKey) { if (diffTime > 0) { $.ajax({ …. })}}

Challenge #2: Tokens Management

Page 9: Integrating Esri-Leaflet and the Intel XDK in a mobile app

Integrating ArcGis Services

Page 10: Integrating Esri-Leaflet and the Intel XDK in a mobile app

Q&A

@smartnotify pour les slides

[email protected]

www.smartnotify.us/smartcity