SOURCE

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

    if (!navigator.geolocation) {
        output.innerHTML = "<p>您的浏览器不支持地理位置</p>";
        return;
    }

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

        output.innerHTML = '<p>Latitude is:' + latitude + '<br>Longitude is:' + longitude +'<br>accuracy:'+accuracy+ '</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 = "无法获取您的位置";
    };

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

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

<p><button onclick="geoFindMe()">显示当前地理位置</button></p>
<div id="out"></div>