Learn VBA & Macros in 1 Week!

JavaScript - Geolocation Help

Full Excel VBA Course - Beginner to Expert

Geolocation Help	View Content

Hi,

I am creating a mobile web application for a zoo which involves a map and user being able to find your location within the zoo. I have a working prototype which works my finding your Longitude and Latitude and based on where your standing the map will move to your location.

Here is the code:
Code:

	
function getLocation() {
// Get location no more than 10 minutes old. 600000 ms = 10 minutes.
navigator.geolocation.getCurrentPosition(showLocation, showError, {enableHighAccuracy:true,maximumAge:600000});

if (position.coords.latitude == 37.331689 && position.coords.longitude == -122.030731)
     camera.className = 'part-penguin',
     document.getElementById("penguinholder") .src="graphics/penguin-here.png",
     document.getElementById("link") .href="penguins.html",
     alert('You are standing nearby the penguins!');
}

else
     alert('You appear to be out of the Zoo grounds! Please return to the area and try again.'); 
}

Currently the user has to be standing at a specific point in order for it to work as it only takes 1 Latitude coordinate and 1 Longitudinal reference point. What I would like it to do would be to check between 2 Latitude points and 2 longitude points (i.e. a square area) and as long as the user is standing between these points it will do what i want. Please help..

Thanks..

Full Excel VBA Course - Beginner to Expert

Geolocation Query In Javascript

Similar Tutorials

View Content

Hi There,
I'm working on an application that potentially gets 1000s of
geolocation queries per day and if I don this (as I've done it till
now) in php, it works fine but I quickly run into OVER_QUERY_LIMIT error
from the google map apis. Thus I think I'd better do it in javascript
and just send the coordinates to the server for caching rather than
querying from the server's IP. Now the url that sends back the
location information looks like this:
http://www.google.com/url?sa=D&q=htt...s3czv6-nMr_nbw
and I was wondering how I can send a request to this url and parse the
xml string that's returned with JavaScript to pass it on to a php (probably by get variables). Is there a handy method that's compatible accross a bunch of browsers incl. mobile ones?

Thanks very much for some input!
Ron

Adding Php To Geolocation Script

Similar Tutorials

View Content

Geolocation Driving Route

Similar Tutorials

View Content

Hi.
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?

Thanks

Natrox

<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Example: Map Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=true&language=nb_NO"></script>
 <script type="text/javascript">
var map;
var directionDisplay;
var directionsService;
var stepDisplay;
var markerArray = [];
var initialLocation;
//var oslo = new google.maps.LatLng(59.947639, 10.884469);
var browserSupportFlag = new Boolean();
function initialize() {
directionsService = new google.maps.DirectionsService();
// Create a map and center it on Manhattan.
var oslo = new google.maps.LatLng(59.947639, 10.884469);
var myOptions = {
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: oslo
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// Create a renderer for directions and bind it to the map.
var rendererOptions = {
map: map
}
directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions)

// Instantiate an info window to hold step text.
stepDisplay = new google.maps.InfoWindow();
}
function calcRoute() {

// First, remove any existing markers from the map.
for (i = 0; i < markerArray.length; i++) {
markerArray[i].setMap(null);
}
// Now, clear the array itself.
markerArray = [];

// Retrieve the start and end locations and create
// a DirectionsRequest using DRIVING directions.
var start = document.getElementById("sart").value;
var end = document.getElementById("end").value;
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
// Route the directions and pass the response to a
// function to create markers for each step.
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var warnings = document.getElementById("warnings_panel");
warnings.innerHTML = "<b>" + response.routes[0].warnings + "</b>";
directionsDisplay.setDirections(response);
showSteps(response);
}
});
}

function showSteps(directionResult) {
// For each step, place a marker, and add the text to the marker's
// info window. Also attach the marker to an array so we
// can keep track of it and remove it when calculating new
// routes.
var myRoute = directionResult.routes[0].legs[0];

for (var i = 0; i < myRoute.steps.length; i++) {
var marker = new google.maps.Marker({
position: myRoute.steps[i].start_point,
map: map
});
attachInstructionText(marker, myRoute.steps[i].instructions);
markerArray[i] = marker;
}
}

function attachInstructionText(marker, text) {
google.maps.event.addListener(marker, 'click', function() {
// Open an info window when the marker is clicked on,
// containing the text of the step.
stepDisplay.setContent(text);
stepDisplay.open(map, marker);
});
}

// Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);

var infowindow = new google.maps.InfoWindow({
map: map,
position: pos,
content: 'Du er her.'
});

map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}

function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}

var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};

var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
function detectBrowser() {
var useragent = navigator.userAgent;
var mapdiv = document.getElementById("map_canvas");

if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
mapdiv.style.width = '100%';
mapdiv.style.height = '100%';
} else {
mapdiv.style.width = '600px';
mapdiv.style.height = '800px';
}
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body onload="initialize()">
<div style="text-align:center">
<select id="start">
<option value="625 8th Avenue, New York, NY, 10018">Port Authority Bus Terminal</option>
<option value="staten island ferry terminal, new york, ny">Staten Island Ferry Terminal</option>
<option value="101 E 125th Street, New York, NY">Harlem - 125th St Station</option>
</select>

<select id="end" onchange="calcRoute();">
<option value="Brubakkveien 14 1083 Oslo">Sigvartsen proffavdeling</option>
<option value="Sonja Henies plass 3, 0185 Oslo">Oslo plaza</option>
<option value="moma, New York, NY">MOMA</option>
<option value="350 5th Ave, New York, NY, 10118">Empire State Building</option>
<option value="253 West 125th Street, New York, NY">Apollo Theater</option>
<option value="1 Wall St, New York, NY">Wall St</option>
</select>
</div>
<div id="map_canvas"></div>
<div id="pos"></div>

 
<div id="warnings_panel"></div>
</body>
</html>

Is There Any Geolocation Service That Does Not Require An Api-key?

Similar Tutorials

View Content

Hey all,

I'm playing with a greasemonkey script and would like to provide geo-locating. The geolocation services I've found all require dev/api-key. A dev-key means I reveal my well-earned key, or an api-key usually means a server address... there would be none via a greasemonkey script.

Any ideas for gathering geolocation services? Any links, tips, ideas welcome!