Google maps 如何在HTML5的谷歌地图上显示用户的位置？_Google Maps_Html_Geolocation

Google maps 如何在HTML5的谷歌地图上显示用户的位置？

google-maps html geolocation

Google maps 如何在HTML5的谷歌地图上显示用户的位置？,google-maps,html,geolocation,Google Maps,Html,Geolocation,我试图在我的页面中放置一个谷歌地图，这样当页面加载时，地图将准确显示用户的位置。为了做到这一点，我将GoogleMapsAPI代码插入到我的HTML5页面中。起初，浏览器确实请求允许共享我的位置，但实际上它并没有在地图上显示这个位置；我尝试了两个或更多的函数组合，但仍然不起作用。。。。求你了，我需要帮助！如果有人能告诉我代码有什么问题，请执行以下操作： <html lang="en" manifest="halma.manifest"> <head> <meta

我试图在我的页面中放置一个谷歌地图，这样当页面加载时，地图将准确显示用户的位置。为了做到这一点，我将GoogleMapsAPI代码插入到我的HTML5页面中。起初，浏览器确实请求允许共享我的位置，但实际上它并没有在地图上显示这个位置；我尝试了两个或更多的函数组合，但仍然不起作用。。。。求你了，我需要帮助！如果有人能告诉我代码有什么问题，请执行以下操作：

<html lang="en" manifest="halma.manifest">

<head>

<meta charset="utf-8">

<title>helmas</title> 
<link rel="stylesheet" type="text/css" href="css2.css">
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAycdS3aS7dItIegOaJzT2RBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSiGkO1l1KdZvNzo-8b-o7M21o4UA"></script>

<!--[if IE]>
    <script src="excanvas.js"></script>
<![endif]-->
</head>

<<body onload="loadMap()" onunload="GUnload()">

<article>
<div id="map" style="width:100%;height:800px;"></div>

<script>
if (navigator.geolocation) {
   // try to get the users location
}


if (navigator.geolocation) {
   var timeoutVal = 10 * 1000 * 1000;
   navigator.geolocation.watchPosition(showPositionOnMap, errorMessage,
   { enableHighAccuracy: true, timeout: timeoutVal, maximumAge: 0 });
}
else {
   alert("Geolocation is not supported by this browser");
}

var map = null;
function loadMap() {
   map = new GMap2(document.getElementById("map"));
   map.setCenter(new GLatLng(52.2021, 0.1346 ), 12); // (sets the map centre to Cambridge UK)
   map.setUIToDefault();
}
function showPositionOnMap(position) {
   var geoCoords = new GLatLng(position.coords.latitude, position.coords.longitude);
   map.addOverlay(new GMarker(geoCoords));
}
function errorMessage(error) {
   var errors = { 
      1: 'Permission denied',
      2: 'Position unavailable',
      3: 'Request timeout'
   };
   alert("Error: " + errors[error.code]);
}
</script>


赫尔姆斯
也许maps调用中的sensor参数需要设置为“true”——在您将其设置为“false”时。所以你的脚本标签应该包含这个url
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAAycdS3aS7dItIegOaJzT2RBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSiGkO1l1KdZvNzo-8b-o7M21o4UA"></script>



有关更多信息：
您是否尝试过使用getCurrentPosition
以及watchPosition
？另外，也许你应该在添加标记后重新将地图居中？您是否已确认Geolocation在您的浏览器中正常工作？是否将找到您？最后，您是否尝试过调试？如果您console.log（位置.坐标.纬度）是否看到正确的值？是！我尝试了getposition和watchposition，地理定位在我的计算机中工作，但ut似乎与浏览器显示的地图没有连接。我如何将地图居中？我没有在里面加任何别针。