Javascript JS地理定位功能不正常

我声明了lat和long作为变量，我试图将它们传递给另一个函数，但结果是空的。。。我不禁怀疑我在javascript中的某个地方犯了错误。我认为html很好，包括标签。他们的名字和身份都正确

<p id="one"></p>

<button onclick="locate()">Push Me!!!</button>
<div id="mapholder"></div>
<script>
var x = document.getElementById("one");
function locate() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
        x.innerHTML = "Your browser is stupid";
    }
}
function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude +
    "<br>Longitude: " + position.coords.longitude;
    var lat = position.coords.latitude;
    var long = position.coords.longitude;
    var mapOptions = {
        center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.HYBRID
    }
    var map = new google.maps.Map(document.getElementById("mapholder"), mapOptions);
    alert(map);
}
function myMap() {
    var mapOptions = {
        center: new google.maps.LatLng(lat, long),
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.HYBRID
    }
var map = new google.maps.Map(document.getElementById("mapholder"), mapOptions);
} 

function showError(error){
    switch(error.code) {
        case error.PERMISSION_DENIED:
            x.innerHTML = "User denied the request for Geolocation."
            break;
        case error.POSITION_UNAVAILABLE:
            x.innerHTML = "Location information is unavailable."
            break;
        case error.TIMEOUT:
            x.innerHTML = "The request to get user location timed out."
            break;
        case error.UNKNOWN_ERROR:
            x.innerHTML = "An unknown error occurred."
            break;
    }
}
</script>

推我！！！
var x=document.getElementById（“一”）；
函数locate（）{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（showPosition，showError）；
}否则{
x、 innerHTML=“你的浏览器很笨”；
}
}
功能显示位置（位置）{
x、 innerHTML=“纬度：”+position.coords.Latitude+
“
经度：”+position.coords.Longitude；
var lat=位置坐标纬度；
var long=位置坐标经度；
变量映射选项={
中心：新的google.maps.LatLng（position.coords.latitude，position.coords.longitude），
缩放：10，
mapTypeId:google.maps.mapTypeId.HYBRID
}
var map=new google.maps.map（document.getElementById（“mapholder”）、mapOptions）；
警报（地图）；
}
函数myMap（）{
变量映射选项={
中心：新google.maps.LatLng（lat，long），
缩放：10，
mapTypeId:google.maps.mapTypeId.HYBRID
}
var map=new google.maps.map（document.getElementById（“mapholder”）、mapOptions）；
} 
功能错误（错误）{
开关（错误代码）{
案例错误。权限被拒绝：
x、 innerHTML=“用户拒绝了地理位置请求。”
打破
案例错误。位置不可用：
x、 innerHTML=“位置信息不可用。”
打破
大小写错误。超时：
x、 innerHTML=“获取用户位置的请求超时。”
打破
案例错误。未知错误：
x、 innerHTML=“发生未知错误。”
打破
}
}

您遇到了什么错误？您是否检查了

控制台日志

？是的，没有错误