google map текущее местонахождение предварительный просмотр

Question

привет, у меня есть следующий код из google geoloction api .. этот api отображает изображение моего текущего местоположения. Что мне нужно сделать, это отобразить эти координаты на карте google в изображении)

код выглядит следующим образом:

function geoFindMe() { 
    var output = document.getElementById("out"); 

    if (!navigator.geolocation) { 
     output.innerHTML = "<p>Geolocation is not supported by your browser</p>"; 
     return; 
    } 

    function success(position) { 
     var latitude = position.coords.latitude; 
     var longitude = position.coords.longitude; 

     output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>'; 

     var img = new Image(); 
     img.src = "http://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false"; 

     output.appendChild(img); 
    }; 

    function error() { 
     output.innerHTML = "Unable to retrieve your location"; 
    }; 

    output.innerHTML = "<p>Locating…</p>"; 

    navigator.geolocation.getCurrentPosition(success, error); 
} 

ваша помощь будет оценен по достоинству!

Answer 1

Адрес Plunker, чтобы помочь вам! Просто заполните необходимые данные на iframe, и он будет работать. Но вместо того, чтобы устанавливать его в img src, вам нужно добавить его в html.