javascript - How to center my current position? (Google Maps) - Stack Overflow

admin管理员组

文章数量:1344319

I'm trying to center my current location in Google Maps. This will center a location with a specific latitude- and longitude-variable.

var coords = new google.maps.LatLng(62.39081100, 17.30692700);

But I tried to grab the users location with this function:

function grabMyPosition() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(centerMe);
    } else {
        alert("You don't support this");
    }
}
function centerMe(center) {
    var me_location = {
        lat: position.coords.latitude,
        lon: position.coords.longitude
    };
}

And then do this:

var coords = new google.maps.LatLng(me_location.lat, me_location.lon);

But then I get this:

Uncaught TypeError: Cannot read property 'lat' of undefined 

That's because I'm storing and filling this "me_location" variable inside a function. How can I make it "global" so it could be used outside my function?

I'm trying to center my current location in Google Maps. This will center a location with a specific latitude- and longitude-variable.

var coords = new google.maps.LatLng(62.39081100, 17.30692700);

But I tried to grab the users location with this function:

function grabMyPosition() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(centerMe);
    } else {
        alert("You don't support this");
    }
}
function centerMe(center) {
    var me_location = {
        lat: position.coords.latitude,
        lon: position.coords.longitude
    };
}

And then do this:

var coords = new google.maps.LatLng(me_location.lat, me_location.lon);

But then I get this:

Uncaught TypeError: Cannot read property 'lat' of undefined 

That's because I'm storing and filling this "me_location" variable inside a function. How can I make it "global" so it could be used outside my function?

• javascript
• jquery
• google-maps-api-3

Share Improve this question Follow asked Apr 8, 2013 at 18:14 JackJack 3,68077 gold badges4747 silver badges6969 bronze badges 4

• 1 me_location is not accessible from outside CenterMe function.. – fernandosavio Commented Apr 8, 2013 at 18:17
• I thought so, but how "bypass" this problem? – Jack Commented Apr 8, 2013 at 18:18
• You return the object at the end of the function, and call navigator.geolocation.getCurrentPosition(centerMe()); instead. – Blazemonger Commented Apr 8, 2013 at 18:19
• Why don't you work async? navigator.geolocation.getCurrentPosition receive a callback function as argument.. so center the map inside callback.. – fernandosavio Commented Apr 8, 2013 at 18:21

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

function grabMyPosition() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(centerMe);
    } else {
        alert("You don't support this");
    }
}
function centerMe(position) {
    var coords = new google.maps.LatLng(
        position.coords.latitude,
        position.coords.longitude
    );

    map.setCenter(coords);
    // or
    map.panTo(coords);
}

Supposing your map variable is global..

you are not returning any value from the function centerMe

本文标签： javascriptHow to center my current position (Google Maps)Stack Overflow