gpt4 book ai didi

javascript - HTML5 地理定位简单示例不起作用

转载 作者:行者123 更新时间:2023-12-03 04:58:28 24 4
gpt4 key购买 nike

在一个非常简单的示例中,我尝试获取用户设备的坐标并在网页中的谷歌地图上绘制相同的坐标。该示例很简单并且必须运行,但是我发现了一个错误。有人可以帮忙解决吗?

x = navigator.geolocation; 

x.getCurrentPosition(success, failure);

function success(position){

var lat = position.coords.latitude;
var long = position.coords.longitude;
document.getElementById('para1').innerHTML = lat;
document.getElementById('para2').innerHTML = long;

var coords = new google.maps.LatLng(lat, long );

var mapOptions = {
zoom: 15,
center: coords,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(document.getElementById('mapDiv'), mapOptions);

}

function failure(){
alert ("It did not work");
}
<body>
<p id="para1"></p>
<p id="para2"></p>
<div id="mapDiv" style="width:500px;height:500px;"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.googlemap/1.5/jquery.googlemap.min.js"></script>
</body>

错误:

enter image description here enter image description here

Reference: https://www.youtube.com/watch?v=obOa8fdJ9aQ

最佳答案

尝试以下两件事:

  1. 添加此脚本,以防它仍然显示错误,google for googlemap script without key
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=[KEY]" type="text/javascript"></script>
  • 我在使用 ajax 时遇到了很多问题。在获得响应之前,代码总是先被编译。因此,请确保等待 ajax 响应,然后控件应该转到下一行。使用 wait 方法来测试..并在解决问题后将其删除。
  • 关于javascript - HTML5 地理定位简单示例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42339292/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com