Permalink
Cannot retrieve contributors at this time
Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.
Sign up| <html> | |
| <head> | |
| <title>javascript-mobile-desktop-geolocation With No Simulation with Google Maps</title> | |
| <meta name = "viewport" content = "width = device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"> | |
| <style> | |
| body {font-family: Helvetica;font-size:11pt;padding:0px;margin:0px} | |
| #title {background-color:#e22640;padding:5px;} | |
| #current {font-size:10pt;padding:5px;} | |
| </style> | |
| </head> | |
| <body onload="initialiseMap();initialise()"> | |
| <h1>javascript-mobile-desktop-geolocation With No Simulation with Google Maps</h1> | |
| <div id="current">Initializing...</div> | |
| <div id="map_canvas" style="width:320px; height:350px"></div> | |
| <script src="js/geoPosition.js" type="text/javascript" charset="utf-8"></script> | |
| <script src="js/geoPositionSimulator.js" type="text/javascript" charset="utf-8"></script> | |
| <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | |
| <script> | |
| function initialiseMap() | |
| { | |
| var myOptions = { | |
| zoom: 4, | |
| mapTypeControl: true, | |
| mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, | |
| navigationControl: true, | |
| navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, | |
| mapTypeId: google.maps.MapTypeId.ROADMAP | |
| } | |
| map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); | |
| } | |
| function initialise() | |
| { | |
| var locations=new Array({ coords: { | |
| latitude: 30.2847664, | |
| longitude: -97.7264275 | |
| } | |
| }); | |
| geoPositionSimulator.init(locations); | |
| if(geoPosition.init()) | |
| { | |
| document.getElementById('current').innerHTML="Receiving..."; | |
| geoPosition.getCurrentPosition(showPosition,function(){document.getElementById('current').innerHTML="Couldn't get location"},{enableHighAccuracy:true}); | |
| } | |
| else | |
| { | |
| document.getElementById('current').innerHTML="Functionality not available"; | |
| } | |
| } | |
| function showPosition(p) | |
| { | |
| var latitude = parseFloat( p.coords.latitude ); | |
| var longitude = parseFloat( p.coords.longitude ); | |
| document.getElementById('current').innerHTML="latitude=" + latitude + " longitude=" + longitude; | |
| var pos=new google.maps.LatLng( latitude , longitude); | |
| map.setCenter(pos); | |
| map.setZoom(14); | |
| var infowindow = new google.maps.InfoWindow({ | |
| content: "<strong>yes</strong>" | |
| }); | |
| var marker = new google.maps.Marker({ | |
| position: pos, | |
| map: map, | |
| title:"You are here" | |
| }); | |
| google.maps.event.addListener(marker, 'click', function() { | |
| infowindow.open(map,marker); | |
| }); | |
| } | |
| </script> | |
| </body> | |
| </html> |