www.webdeveloper.com
Results 1 to 5 of 5

Thread: Setting Location

Hybrid View

  1. #1
    Join Date
    Mar 2013
    Posts
    61

    Setting Location

    Currently developing a minor app that gets the users location and returns it by centering the map on it. The problem I have is retrieving data. Using alert I've found out that the array that is meant to return the values doesn't contain anything. Any ideas?

    Code:
    var locations = new Array();
    
    var directLocX, directLocY;
    
    //get positions
    function getLocation()
    { 
     //alert("@_)");
     directLoc = document.getElementById("trackLocs");
     
    	if (navigator.geolocation)
     	{
       		navigator.geolocation.getCurrentPosition(showPosition);
     	}	
     	else
     	{
    	  	directLoc.innerHTML="Geolocation is not supported by this browser.";
    	}
    }
      
    function showPosition(position)
    {
    	directLocX = position.coords.latitude;
    	directLocY = position.coords.longitude;
    	//alert(directLocX + " " + directLocY);
      	directLoc.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " +  position.coords.longitude;
    	locations[directLocX, directLocY];
    	return locations;	
      
    }
    
    //load map
    function initialize()
    {
    	getLocation();
    	var mapProp = { center:new google.maps.LatLng(locations[0],locations[1]), zoom:5,  mapTypeId:google.maps.MapTypeId.ROADMAP };
    	var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    }

  2. #2
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,674
    function showPosition(position) where are you getting this var from?

  3. #3
    Join Date
    Mar 2013
    Posts
    61
    navigator.geolocation.getCurrentPosition(showPosition);

    I think this line gets and sets the position. This link doesn't really give it a lot of info.
    http://www.w3schools.com/html/html5_geolocation.asp

  4. #4
    Join Date
    Oct 2010
    Location
    Versailles, France
    Posts
    1,277
    Your penultimate line of the function showPosition is not right to define an array !
    Code:
     	// This would be better
    	var locations = [directLocX, directLocY];
    	return locations;
    	// But there is no need of a new variable
    	return [directLocX, directLocY];

  5. #5
    Join Date
    Mar 2013
    Posts
    61
    Quote Originally Posted by 007Julien View Post
    Your penultimate line of the function showPosition is not right to define an array !
    Code:
     	// This would be better
    	var locations = [directLocX, directLocY];
    	return locations;
    	// But there is no need of a new variable
    	return [directLocX, directLocY];
    Thanks. I tried that, but it didn't work. Instead I stopped derping and did this.

    Code:
    var x;
    var ownerLocLat, ownerLocLng;
    
    //load map
    function initialize()
    {
    	x = document.getElementById("trackLocs");
    	//getLocation();
    	if (navigator.geolocation)
        {		
        	navigator.geolocation.getCurrentPosition(showPosition);
        }
    	else  
    	{
    		x.innerHTML="Geolocation is not supported by this browser.";
    	}
    }
    
    function showPosition(position)
    {
    	var latlng = new google.maps.LatLng(position.coords.latitud,position.coords.longitude);		
    	var mapProp = { center:latlng, zoom:5,  mapTypeId:google.maps.MapTypeId.ROADMAP };		
    	var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);	
    		
    	var marker = new google.maps.Marker({
        				position: latlng, 
       					map: map,
        				title:"Your Location"
    					});
    	
    	x.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
    	
    }
    
    //window.onload = getLocation;
    google.maps.event.addDomListener(window, 'load', initialize);
    Now this works. But for some reason I can not get the camera to center on the coords I give it. They are displayed, even a marker is put in the position, but the map refuses to load. Instead I get a grey image where the map should be, I think this signifies that the map has not found the position. Any thoughts?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles