从 Google 地图和 HTML 5 GeoLocation 获取国家/地区代码

发布于 2024-12-27 22:56:45 字数 1150 浏览 0 评论 0原文

我正在尝试使用 HTML 5 GeoLocation 获取经度和纬度，然后使用 Google Maps API 获取该经度/纬度的国家/地区代码。谁能告诉我我的代码哪里出了问题，我目前在 main.js 中收到 Javascript 错误“this.lat 不是函数”：

    <html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=drnhdhddfhgfghfg" type="text/javascript"></script>

<script type="text/javascript">

    if (navigator.geolocation) { 

            navigator.geolocation.getCurrentPosition(function(position) {  

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

                var latlng = new google.maps.LatLng(lat, lng);

            $.post('http://maps.googleapis.com/maps/api/geocode/json', { latlng: latlng, sensor: false }, function (results) {
                alert(results);
            });
            });




    } 
    else {
            alert("Geolocation services are not supported by your browser.");
    } 

</script>

</head>

<body>



</body>

</html>

原文

I am trying to use HTML 5 GeoLocation to get a longitude and latitude and then use Google Maps API to get the country code of that longitude/latitude. Can anybody tell me where I am going wrong in my code, I currently get the Javascript error 'this.lat is not a function' in main.js :

    <html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2&key=drnhdhddfhgfghfg" type="text/javascript"></script>

<script type="text/javascript">

    if (navigator.geolocation) { 

            navigator.geolocation.getCurrentPosition(function(position) {  

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

                var latlng = new google.maps.LatLng(lat, lng);

            $.post('http://maps.googleapis.com/maps/api/geocode/json', { latlng: latlng, sensor: false }, function (results) {
                alert(results);
            });
            });




    } 
    else {
            alert("Geolocation services are not supported by your browser.");
    } 

</script>

</head>

<body>



</body>

</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半仙 2025-01-03 22:56:45

试试这个：

<html>

<head>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script type="text/javascript">

if (navigator.geolocation) { 

        navigator.geolocation.getCurrentPosition(function(position) {  

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

        var latlng = new google.maps.LatLng(lat, lng);

    var geocoder = new google.maps.Geocoder();

geocoder.geocode({'latLng': latlng}, function(results, status) {
  if (status == google.maps.GeocoderStatus.OK) {
    if (results[1]) {
    alert(results[7].formatted_address);
    }
  } else {
    alert("Geocoder failed due to: " + status);
  }
});
      });
      } else {
        alert("Geolocation services are not supported by your browser.");
} 

</script>
</head>
<body>
</body>
</html>

Try this:

<html>

<head>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script type="text/javascript">

if (navigator.geolocation) { 

        navigator.geolocation.getCurrentPosition(function(position) {  

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

        var latlng = new google.maps.LatLng(lat, lng);

    var geocoder = new google.maps.Geocoder();

geocoder.geocode({'latLng': latlng}, function(results, status) {
  if (status == google.maps.GeocoderStatus.OK) {
    if (results[1]) {
    alert(results[7].formatted_address);
    }
  } else {
    alert("Geocoder failed due to: " + status);
  }
});
      });
      } else {
        alert("Geolocation services are not supported by your browser.");
} 

</script>
</head>
<body>
</body>
</html>

回复收藏 0 原文

~没有更多了~