谷歌地图当前位置预览

Question

你好，我有以下代码来自谷歌geoloction api .. 这个api正在获取我当前位置的图像.. 我需要做的是在谷歌地图（而不是图像）中显示这些坐标

代码如下：

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填充iframe所需的数据即可。但是，不是将其设置为img src，而是需要将其附加到html。