Javascript 谷歌地图当前位置预览

您好，我有以下来自谷歌地理定位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);
}

函数geoFindMe（）{
var输出=document.getElementById（“out”）；
如果（！navigator.geolocation）{
output.innerHTML=“您的浏览器不支持地理位置”
”；
返回；
}
功能成功（职位）{
变量纬度=位置坐标纬度；
var经度=position.coords.longitude；
output.innerHTML='纬度为'+Latitude+'''”
经度为'+Latitude+'''”
；
var img=新图像（）；
img.src=”http://maps.googleapis.com/maps/api/staticmap?center=“+纬度+”、“+经度+”&zoom=13&size=300x300&sensor=false”；
输出。追加子项（img）；
};
函数错误（）{
output.innerHTML=“无法检索您的位置”；
};
output.innerHTML=“定位…
”；
navigator.geolocation.getCurrentPosition（成功，错误）；
}

谢谢你的帮助

这里有一个方法可以帮助你！只需在iframe上填写所需的数据，它就会工作。但是，您需要将其附加到html中，而不是将其设置为imgsrc