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

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

x=navigator.geolocation；
x、 getCurrentPosition（成功、失败）；
功能成功（职位）{
var lat=位置坐标纬度；
var long=位置坐标经度；
document.getElementById（'para1'）。innerHTML=lat；
document.getElementById（'para2'）。innerHTML=long；
var coords=new google.maps.LatLng（lat，long）；
变量映射选项={
缩放：15，
中心：coords，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（'mapDiv'），maptoptions）；
}
函数失效（）{
警报（“它不工作”）；
}

尝试以下两件事：

添加此脚本以防仍然显示错误，google for googlemap脚本不带键

我在使用ajax时遇到了很多问题。代码总是在得到响应之前先编译。因此，请确保等待ajax响应，然后控件应该转到下一行。使用等待方法测试。。并在解决问题后将其删除

---

我尝试了这个脚本而不是来自cdnjs的脚本，代码运行得非常好：

<script src="http://maps.googleapis.com/maps/api/js?sensor=false" ></script> 

---

我不知道为什么，但这解决了问题；（

）你在HTTPS下运行吗？如果你检查Chrome中的控制台，你会看到这个消息：<代码> GeCurrnPosithOffice（）和WHECTONPOUNT（）不再在不安全的来源上工作。要使用这个特性，你应该考虑把你的应用程序切换到一个安全的原点，比如HTTPS不，“参考错误：谷歌没有被定义”。这就是我所得到的！；（这是因为你需要包含Google Maps JS API：这是因为你使用的库是为了让你更容易与来自jQuery的Google地图交互，而不是创建地图。你仍然需要使用Google API来做到这一点。