动态获取当前的 LatLng（谷歌地图）答案

【问题标题】：Get the current LatLng dynamically (Google Map)动态获取当前的 LatLng（谷歌地图）
【发布时间】：2015-05-22 01:37:19
【问题描述】：

我有以下代码：

 <!DOCTYPE html>
 <head>
    <title>Geolocation Service</title>
    <script src="http://maps.googleapis.com/maps/api/js"></script>
    <script>
        function initialize() {
            var lat = ???;
            var lng = ???;
            var map = {
                center:new google.maps.LatLng(lat,lng),
                zoom:5,
                mapTypeId:google.maps.MapTypeId.ROADMAP
            };
            var map=new google.maps.Map(document.getElementById("mapcontainer"), map);
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>
<body>
    <div id="mapcontainer">
        <!--Map goes here-->
    </div>
</body>
<style>
   *
    {
        margin: 0;
    }

    #mapcontainer
    {
        width: 100vw;
        height: 100vh;
    }
</style>
</html>

在我的变量lat 和lng 中，我将它们设置为???，因为我不知道如何获得我当前的位置。我刚开始学习 Google Geolocation API。谢谢！

【问题讨论】：

为什么它在php中被标记？
Stackoverflow 上已经回答了类似的问题。请检查这些：Question 1 Question 2您还应该检查API documentation，其中详细描述了所有内容。
developers.google.com/maps/articles/geolocation
您拥有的 ??? 是您定义 lat 和 lng 的位置，而不是您查询值的位置。要为特定地点设置谷歌地图，最简单的方法是转到 gmaps，输入您要查找的地点并从 url 复制 lat/lng 值。要查询现有地图的 lat/lng 坐标...好吧，请阅读 API 文档 :)
How to get Client location using Google Maps API v3?的可能重复

标签： javascript html geolocation

【解决方案1】：

如果您使用 Google Loader 加载 Google 地图，则可以使用 google.loader.CurrentLocation 获取基于 IP 的位置，如 this answer 中所示

另一种选择是使用HTML5 GeoLocation API：

function initialize() {

   // Is HTML5 geolocation supported
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position){

         var lat = position.coords.latitude;
         var lng = position.coords.longitude;
         //..

      });
   } 

}

您可能会发现 Google Maps JavaScript API - Geolocation 示例很有帮助。

【讨论】：