Question

我正在尝试一个简单的代码来找出用户的当前位置。但是，我无法弄清楚它为什么不起作用。我不确定这是否与谷歌地图强加的一套新标准有关这是完整的Html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>User Location</title>
    <style type="text/css">
        body {
            background: #EEE;
            font-family: sans-serif;
        }
        #TheMap {
            width: 100%;
            min-height: 500px;
            margin: 0 0 4% 0;
        }
    </style>
</head>
<body>
    <h1> Find User Location in googel Maps </h1>
    <div id="TheMap"></div>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=Enter_your_key&sensor=false"></script>
    <script type="text/javascript">
        var UserLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude)
            function initialize() {
                var mapOptions = {
                    center: UserLatLng,
                    zoom: 12
                };
                map = new google.maps.Map(document.getElementById("TheMap"), mapOptions);
            };
        initialize();
    </script>
</body>
</html>

Answer 1

navigator.geolocation.getCurrentPosition(function(position){

  // put your initialization code here


});

Answer 2

必须包含URL的传感器参数，并指示此应用程序是否使用传感器（例如GPS定位器或HTML5） geolocation）确定用户的位置。

在您的代码中，您将其设置为 false 。必须将其设置为 true ：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=Enter_your_key&sensor=true"></script>

Google地图中的用户位置

2 个答案: