Как использовать геолокацию HTML5, чтобы дать динамические значения широты и долготы в API карт Google?

Question

Я пытаюсь динамически получать значения долготы и широты из геолокации браузера и добавлять их в массив опций для API карт Google. Код показан ниже:

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

}

По какой-то причине тег option> center не принимает переменные, которые я пытался добавить для значений 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);
                });

            }
        }