javascript - 如何居中我当前的位置? (谷歌地图)

标签 javascript jquery google-maps-api-3

我正试图在 Google map 中将我当前的位置居中。这将使具有特定纬度和经度变量的位置居中。

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

但我试图用这个函数获取用户位置:

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
    };
}

然后这样做:

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

但后来我明白了:

Uncaught TypeError: Cannot read property 'lat' of undefined 

那是因为我在一个函数中存储和填充这个“me_location”变量。我怎样才能使它成为“全局”以便它可以在我的函数之外使用?

最佳答案

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);
}

假设您的 map 变量是全局的..

关于javascript - 如何居中我当前的位置? (谷歌地图),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15886049/

相关文章:

javascript - 按部分名称列出的 InDesign 目标 XML 结构元素

google-maps - 用于准确定位图像叠加的谷歌地图工具?

javascript - Google Maps API 3 - 绑定(bind)后删除圆圈

google-maps-api-3 - 查找 google 放置自动完成功能何时返回零结果

php - 想要在点击提交按钮后使用 AJAX 刷新内容

javascript - 此 JS/jQuery 代码在 Firefox 中有效,但在 Chrome 中无效

javascript - 如何在不使用库的情况下反转 JavaScript 中的数组?

javascript - 无法读取未定义的 Webpack Bootstrap React 的属性 'call'

javascript - react : Component setState called repeatedly

javascript - 动态 HTML img 上的绑定(bind)/实时加载事件不起作用