Temat: maly problem

Mam mały problem z geolokacją, spojrzcie na poniższy kod i zobaczcie, co jest nie tak bo nie mam pomysłu:

// Initialize geolocation
function initialize() {
if (navigator.geolocation) {
document.getElementById('status').innerHTML = 'Checking...';

navigator.geolocation.getCurrentPosition(
onSuccess,
onError, {
enableHighAccuracy: false,
timeout: 20000,
maximumAge: 120000
});
}
else {
document.getElementById('status').innerHTML = 'Geolocation not supported.';
}
}

// Map position retrieved successfully
function onSuccess(position) {
var data = '';

data += 'latitude: ' + position.coords.latitude + '<br/>';
data += 'longitude: ' + position.coords.longitude + '<br/>';
data += 'altitude: ' + position.coords.altitude + '<br/>';
data += 'accuracy: ' + position.coords.accuracy + '<br/>';
data += 'altitudeAccuracy: ' + position.coords.altitudeAccuracy + '<br/>';
data += 'heading: ' + position.coords.heading + '<br/>';
data += 'speed: ' + position.coords.speed + '<br/>';

document.getElementById('data').innerHTML = data;
loadMap(position.coords.latitude, position.coords.longitude);
var geo_data = new Array();

geo_data['0'] = position.coords.latitude;
geo_data['1'] = position.coords.longitude;
geo_data['2'] = position.coords.altitude;
geo_data['3'] = position.coords.accuracy;
geo_data['4'] = position.coords.altitudeAccuracy;
geo_data['5'] = position.coords.heading;
geo_data['6'] = position.coords.speed;

var geo_data_names = new Array();
geo_data_names['0'] = "latitude";
geo_data_names['1'] = "longitude";
geo_data_names['2'] = "altitude";
geo_data_names['3'] = "accuracy";
geo_data_names['4'] = "altitudeAccuracy";
geo_data_names['5'] = "heading";
geo_data_names['6'] = "speed";

var div_id = new Array();
div_id['0'] = "latitude";
div_id['1'] = "longitude";
div_id['2'] = "altitude";
div_id['3'] = "accuracy";
div_id['4'] = "altitudeAccurancy";
div_id['5'] = "heading";
div_id['6'] = "speed";
generate_buttons(geo_data_names, div_id, geo_data);

}

function generate_buttons(geo_data_names, div_id, geo_data){
var data_array_lenght = div_id.length;
var data_array_position;
//alert(data_array_lenght);
for(data_array_position = 0; data_array_position++; data_array_position < data_array_lenght){
create_input(geo_data_names['data_array_position'], div_id['data_array_position'], geo_data['data_array_position'])
}
}
// Error handler
function onError(err) {
var message;

switch (err.code) {
case 0:
message = 'Unknown error: ' + err.message;
break;
case 1:
message = 'You denied permission to retrieve a position.';
break;
case 2:
message = 'The browser was unable to determine a position: ' + error.message;
break;
case 3:
message = 'The browser timed out before retrieving the position.';
break;
}

document.getElementById('status').innerHTML = message;
}

function create_input(name, element, data){
var input = document.createElement("input");

input.setAttribute("type", "hidden");

input.setAttribute("name", name);

input.setAttribute("id", name);

input.setAttribute("value", data);

//append to form element that you want .
document.getElementById(element).innerHTML = input;
}
function loadMap(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);

var settings = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById('map_canvas'), settings);

var marker = new google.maps.Marker({
position: latlng,
map: map,
title: 'Your Position!'
});

document.getElementById('status').innerHTML = 'Position Found!';
}

Koordynaty podaje jak należy, ale cały czas jest status cheking i nie ładuja się ani inputy ani mapka. Jakieś pomysły?

Temat: maly problem

W sumie masz racje, znasz moze jakis dobry debuger do java scriptu? Fakt jest taki, że mimo wszystko ładnie generuje wszystko oprocz hidenow. Zobacz może divy?
<div id="status"></div>
<div id="data"></div>
<p>Poniżej w kodzie znajdują się divy, za pomocą ktorych jest przekazywana aktualna pozycja, muszą się one znaleźć np. w wyszukiwarce.</p>
<div id="latitude"></div>
<div id="longitude"></div>
<div id="altitude"></div>
<div id="accuracy"></div>
<div id="altitudeAccuracy"></div>
<div id="heading"></div>
<div id="speed"></div>

Temat: maly problem

Okey, mi to dalej z tymi hidenami jest problem i mapka.

Temat: maly problem

A moze to cos zwiazne z connection timeout?

Temat: maly problem

Okey. Zalazłem to czego potrzebuje. :) jQuery i node.js pozwala normalnie uzywac java scriptu ;)
Oto cod, może komuś się przyda:

jQuery(window).ready(function(){

    jQuery("#btnInit").click(initiate_geolocation);

})

 

function initiate_geolocation() {

    if (navigator.geolocation){

        navigator.geolocation.getCurrentPosition(handle_geolocation_query, handle_errors);

    }

    else {

        yqlgeo.get('visitor', normalize_yql_response);

    }

}

function handle_errors(error){

    switch(error.code){

        case error.PERMISSION_DENIED: 

            alert("user did not share geolocation data");

            break;

        case error.POSITION_UNAVAILABLE: 

            alert("could not detect current position");

            break; 

        case error.TIMEOUT: 

            alert("retrieving position timedout");

            break;

        default: 

            alert("unknown error");

            break;

    }

}

function normalize_yql_response(response){

    if (response.error){

        var error = { code : 0 };

        handle_error(error);

        return;

    }

    var position = {

        coords :

        {

            latitude: response.place.centroid.latitude,

            longitude: response.place.centroid.longitude

        },

        address :

        {

            city: response.place.locality2.content,

            region: response.place.admin1.content,

            country: response.place.country.content

        }

    };

 

    handle_geolocation_query(position);

 }

jQuery(window).ready(function(){

    jQuery("#btnInit").click(initiate_watchlocation);

    jQuery("#btnStop").click(stop_watchlocation);

});

 

var watchProcess = null;



function initiate_watchlocation() {

    if (watchProcess == null) {

        watchProcess = navigator.geolocation.watchPosition(handle_geolocation_query, handle_errors);

    }

}

function stop_watchlocation() {

    if (watchProcess != null){

        navigator.geolocation.clearWatch(watchProcess);

        watchProcess = null;

    }

}

function handle_geolocation_query(position) {

    



    $('#signup').append('<input type="hidden" name="latitude" value="'+ position.coords.latitude+ '" />');

    $('#signup').append('<input type="hidden" name="longitude" value="'+ position.coords.longitude+ '" />');

    var text = "Latitude: "+ position.coords.latitude+ "<br/>" +

                "Longitude: " + position.coords.longitude + "<br/>" +

                "Accuracy: "+ position.coords.accuracy+ "m<br/>" +

                "Speed: "+ position.coords.speed+ "m<br/>" +

                "Time: " + new Date(position.timestamp);

                jQuery("#info").html(text);

    var image_url = "http://maps.google.com/maps/api/staticmap?sensor=false¢er=" + position.coords.latitude + ',' + position.coords.longitude +

    "&zoom=14&size=300x400&markers=color:blue|label:S|" + position.coords.latitude + ',' + position.coords.longitude;

 

    jQuery("#map").remove();

    jQuery(document.body).append(

        jQuery(document.createElement("img")).attr("src", image_url).attr('id','map')

    );

}

Dzieki za pomoc.