RIA Geo Location. Finding Location modern devices can get location coordinates phones and tablets can use GPS desktops and laptops –often cannot use GPS.

Slides:



Advertisements
Similar presentations
Touchdevelop api api: location & maps show geo locations Disclaimer: This document is provided “as-is”. Information and views expressed in this document,
Advertisements

UFCEKG-20-2 Data, Schemas & Applications Lecture 6 The Web of Data, API’s & PHP.
HTML 5 – GeoLocation and Maps. Geolocation API What is a ”geolocation”…? A geographical location, defined in terms of – Latitude (north/south) – Longitude.
Google Android Map API Presentation 13/03/2008. Map API – Overview (1) Map rendering facility on Android device Similar to Google Earth Integrate map.
HTML5 Demo ISYS 350. HTML 5 validation/#.UdytIOLn_zc validation/#.UdytIOLn_zc.
Geo Using a device’s location as an input. Why Because the user might not know where they are Because typing is the worst on small devices.
Lecture 16: Data input 1: Digitizing and Geocoding By Austin Troy University of Vermont Using GIS-- Introduction to GIS.
Fundamentals of GIS Materials by Austin Troy © 2008 Lecture 18: Data Input: Geocoding and Digitizing By Austin Troy University of Vermont NR 143.
Background Accessibility Popularity of GPS and INS –Cell phones Apple iPhone, Blackberry, Android platform –Nintendo Wii Wii Remote, MotionPlus.
Conversion from Latitude/Longitude to Cartesian Coordinates
CHAPTER 26 CREATING LOCATION-AWARE WEBPAGES USING GEOLOCATION.
Location and Maps Content Getting Location Getting Google Map In application Test on Emulator/Device.
G ROUP W IRELESS L OCATION T RACKING W ITH A N A NDROID S INK By Ronny L. Bull, Alexander B. Stuart, and Edward Spetka CS 528 – Professor Geethapriya Thamilarasu.
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.
Writing All Your Code In OpenEdge Architect Peter van Dam.
United Arab Emirates University College of Humanities and Social Sciences Geographic Info. Systems (1) CHAPTER 4.
StressChill App Click the StressChill icon (shown to the right) to open the app. If you do not see this on the desktop, you will find it in the pull up.
BY LINDA MOHAISEN MIKE ZIELINSKI The Tree Census Project.
CHAP 4. GEOLOCATION API.  You can request users to share their location and, if they agree, you can provide them with instructions on how to get to a.
UNIT 10 LINKS AND GEOLOCATION. OBJECTIVES  CO1 Describe various components of the Open Web Platform.  CO2 Create a website using HTML5.  CO3 Create.
JavaScript & jQuery the missing manual Chapter 11
 Beginning KML Looking at Data with Google Earth.
Android, where is my car? Summary. This is the just the summary of topic after it was taught in the lecture class. The LocationSensor component can report.
INTRODUCTION TO HTML5 Geolocation. Display a Specific Location with Google Maps  You can use the Google Maps API to display a custom map on your own.
New Features of HTML 5.0 Barbara Ericson
Proglan Session 1. .  HTML5 will be the new standard for HTML.  The previous version of HTML, HTML 4.01, came in The web has changed a lot since.
Interactive (Google) Maps Google has available APIs for building “Interactive Map” web pages Google has available APIs for building “Interactive Map” web.
Programming Games Reprise: storage, datatypes. Geolocation/Google API example. Work session Homework: [Catch up. Upload work. Post proposal.] Work on your.
Final Project By: Robert Tseng. Overview Portfolio Website Meant to share information about myself to anyone, from future employers to family. Features.
DOM Animation Changing the DOM objects over time.
Session: 19. © Aptech Ltd. 2HTML5 Geolocation and APIs / Session 19  Explain geolocation and its use in HTML5  Explain the Google Maps API  Explain.
1 and their Use on Construction Sites. 2 - GPS is only a tool.
The Pocket GPS By: Samantha Rossman Tom Whitson. Goal of the Project: Display: Latitude Longitude Speed Direction Date & Time GPS should be small enough.
Creating Interfaces Show form validation examples, Hangman. HTML5 with Google Maps API. Add in localStorage. Design pitfalls. Homework: Make proposal for.
learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input.
Phonegap Bridge – Device, Network, Console, Geolocation API’s CIS 136 Building Mobile Apps 1.
Web Technologies Lecture 7 Synchronous vs. asynchronous.
Connection Technologies and IP Addressing CONNECTING TO THE INTERNET.
ONE SITE TO RULE THEM ALL The journey to mobile and back Corey Cooper Associate Director of Enterprise Systems
JavaScript Introduction inf385t Semantic Web 2/20/2006.
Microsoft Excel & VBA Day 2 Log onto a computer..
1 AJAX. AJAX – Whatzit? Asynchronous (content loading)‏ Javascript (logic & control)‏ And XML (request handling)‏
JavaScript, Sixth Edition
Phonegap Bridge –Geolocation and Google maps CIS 136 Building Mobile Apps 1.
HTML5 Demo ISYS 350. HTML 5 validation/#.UdytIOLn_zc validation/#.UdytIOLn_zc.
Lecture 9: Extra Features and Web Design Tarik Booker CS 120 California State University, Los Angeles.
Unit: 5 Mapping Earth Why Mapping?. Mapping Earth Whether you think about it or not. Your life (especially this day in age) is effected directly by having.
Point Maps Peterson’s Chapter 11 & 12. Points and Point Maps Points – Datum and coordinate systems – geocoding Point Maps – Show where points are (just.
Pervasive Radar Social Collaborative Augmented Reality Tool Presented By: Muthanna Abdulhussein M7012 Pervasive Computing Final Project Presentation.
What is a Computer?.
Chap 4. Geolocation API.
HTML5 Demo ISYS 350.
Geolocation using Google maps
Presentation Summary How Beacons are Located Using Low Earth Orbit (LEO) Satellites Requires Highly accurate Orbit information and Very Stable Beacon Oscillator.
Global Positioning System
Georeferencing Calculator Example
HTML5 Geolocation 11/12/2018 Copyright © Carl M. Burnett.
Geolocation using Google maps
HTML Level II (CyberAdvantage)
Session V HTML5 APIs - HTML5 Geolocation

HTML5 Demo ISYS 350.
HTML5 Demo ISYS 350.
Making a good thematic map – Extracting or collecting geographic data
Making a good thematic map – Extracting or collecting geographic data
HTML5 Demo ISYS 350.
HTML5 Demo ISYS 350.
Extracting or collecting geospatial data
HTML5 Demo ISYS 350.
Geolocation using Google maps
Presentation transcript:

RIA Geo Location

Finding Location modern devices can get location coordinates phones and tablets can use GPS desktops and laptops –often cannot use GPS –can get the location of the ISP –not as accurate but better than nothing

Using DOM to Find Location navigator.geolocation.getCurrentPosition – asynchronous method that uses callbacks – getCurrentPosition(locFound, locError) – locFound is called if it is successful – locError is called if it is not successful handle errors if location is not supported

Example if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(locOK,locErr); } else { document.getElementById("loc").innerHTML= "GEO location is NOT supported"; } function locOK(currPos){ document.getElementById("lat").innerHTML= "Latitude="+currPos.coords.latitude; document.getElementById("lng").innerHTML= "Longitude="+currPos.coords.longitude; } function locErr(e){ document.getElementById("loc").innerHTML= "Error getting current location: "+e.message; }

Using Google Map API assign the source of an img tag to the Google URL for making a map just a static image so it does not allow for interaction example: var latlon = position.coords.latitude + "," + position.coords.longitude; var img_url = " ze=400x300&sensor=false"; document.getElementById("mapholder").innerHTML = " ";

Distance Calculation there are sites that can help with calculating the distance between two points using latitude and longitude for example: you may need to adjust the units (km vs meters)

Sorting Arrays of Objects create a compare function like: function compare(x,y){ if(x.id y.id) return 1; return 0; } then in your code you can use: objs.sort(compare); as long as each object in objs has an id field