如何使用 HTML5 地理位置为谷歌地图 api 提供动态纬度和经度值？

Question

我正在尝试从浏览器地理位置动态获取经度和纬度值，并将它们添加到 Google 地图 API 的选项数组中。代码如下：

function initMap(){

if (navigator.geolocation){
    navigator.geolocation.getCurrentPosition(position =>{
        long = position.coords.longitude;
        lat = position.coords.latitude;

        var options = {
            zoom: 12,
            center: {lat: ${lat},${long}}
        }

    var map = new google.maps.Map(document.getElementById('map'), options);
});

}

由于某种原因，选项 > 中心标签不会接受我尝试为 lat 和 long 值添加的变量。还有其他方法可以做到这一点还是我缺少什么？

谢谢！

Answer 1

这里的用法是错误的。

改变

var options = {
            zoom: 12,
            center: {lat: ${lat},${long}}
        }

到

var options = {
                zoom: 12,
                center: { lat: lat, lng: long }
           }

最终代码看起来像...

function initMap() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(position => {
                    long = position.coords.longitude;
                    lat = position.coords.latitude;

                    var options = {
                        zoom: 12,
                        center: { lat: lat, lng: long }
                    }

                    var map = new google.maps.Map(document.getElementById('map'), options);
                });

            }
        }