HTML5 Guidelines for Web Developers
186 Chapter 7—Geolocation 7.1 Introduction to Geolocation This section introduces you to the basics of geolocation. It covers ge ...
7.1 Introduction to Geolocation 187 into tiles and calculated in advance for all zoom levels, allowing for step-by-step image co ...
188 Chapter 7—Geolocation map is set to 47 degrees north and 11 degrees east with a zoom level of 7 (zoom level 0 is equivalent ...
7.1 Introduction to Geolocation 189 window.onload = function() { var map = new OpenLayers.Map("map"); map.addLayer(new OpenLay ...
190 Chapter 7—Geolocation 7.2 A First Experiment: Geolocation in the Browser To test your browser’s geolocation function, you ju ...
7.2 A First Experiment: Geolocation in the Browser 191 Figure 7.1 Mozilla Firefox asks for permission to share your location Thr ...
192 Chapter 7—Geolocation Figure 7.2 Geographic position output in Mozilla Firefox In addition to latitude, longitude, and altit ...
7.3 Technical Background of Determining Position 193 7.3 Technical Background of Determining Position If you access the website ...
194 Chapter 7—Geolocation Firefox has a very useful extension in the add-on Geolocater, which is particularly helpful for develo ...
7.4 Display of Current Position on OpenStreetMap 195 Just as in section 7.1.2, Online Map Services, the data of the OpenStreetMa ...
196 Chapter 7—Geolocation As you already know from section 7.1.2, Online Map Services, the coordinates from the geographical coo ...
7.6 Example: Geonotes 197 The real work takes place in the function moveMe(): function moveMe(position) { latlng = new google.ma ...
198 Chapter 7—Geolocation 7.6.1 Operation The application has a very simple structure (see Figure 7.5): In the text box (top lef ...
7.6 Example: Geonotes 199 To be able to test the application right away, you can use the demo data. These entries are partly mad ...
200 Chapter 7—Geolocation As soon as the page is fully loaded, the current location is determined and exist- ing entries are dis ...
7.6 Example: Geonotes 201 The variable i_array is filled with the result of the function getAllItems(), which reads the localSto ...
202 Chapter 7—Geolocation if (navigator.geolocation) { $('status').innerHTML = '<span style="color:red">' +'getting curren ...
Summary 203 Desktop browsers also offer a good level of support. Safari and Google Chrome include the required functions from ve ...
This page intentionally left blank ...
8 Web Storage and Offline Web Applications The greater complexity of web applications leads to an increase in the network bandwi ...
«
6
7
8
9
10
11
12
13
14
15
»
Free download pdf