Javascript 如何使用HTML5地理定位为google maps api提供动态lat和long值？

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

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

}

出于某种原因，options>center标记不会接受我尝试为lat和long值添加的变量。还有别的方法吗？还是我遗漏了什么

---

谢谢

这里的用法是错误的

改变

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

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

至

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

            }
        }

---

现在很好用，谢谢！我对facepalm变量的字符串插值声明感到困惑