javascript - 使用谷歌地图感知地理位置

标签 javascript google-api

我正在创建一个功能来使用 google api 感知用户的地理位置,但我遇到一个问题,虽然代码似乎没问题,但输出没有显示,即我没有得到任何位置信息。这是我的代码

<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE>Geolocation</TITLE>
</HEAD>
<BODY>
    <A href = "#" id = "get_location">Get Location</A>
    <DIV id = "map">
        <IFRAME id = "google_map" width = "400" height = "350" frameborder = "0" scrolling = "no" marginheight = "0" marginwidth = "0"  src = "https://maps.google.co.in?output=embed"></IFRAME>
    </DIV>
    <SCRIPT type = "text/javascript">
        var getter = function(pos) {
            var user_lattitude = pos.coords.lattitude;
            var user_longitude = pos.coords.longitude;
            var user_coordinates = user_lattitude + ',' + user_longitude;
            document.getElementById('google_map').setAttribute('src' , 'https://maps.google.co.in/?q=' + user_coordinates + '&z=60&output=embed');
        }
        document.getElementById('get_location').onclick = function() {
            navigator.geolocation.getCurrentPosition(getter);
            return false;
        }
    </SCRIPT>
</BODY>
</HTML>

最佳答案

看来您刚刚拼写了错误的纬度。

pos.coords.lattitude ;

它应该只有 1 t。如果你改变你上面的代码就可以工作。

关于javascript - 使用谷歌地图感知地理位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32603562/

相关文章:

javascript - 在 javascript 中使用 append child 的树结构无法正常工作

php - Google 日历 API V3 更新事件

android - https ://www. googleapis.com/games/v1/players/1123xxxxxx11712506520 和其他播放服务错误的意外响应代码 403

javascript - 异步函数是 JavaScript 中函数的子集吗?

javascript - JavaScript 或 Jquery 中的 onchange()

javascript - 如何在完成单击事件后禁用另一个事件

php - 通过 Google Analytics API 获取 AdSense 数据

java - Android 上的谷歌 oauth2

node.js - 使用 Google gmail api 是否需要 credentials.json?

javascript - 我怎样才能拥有2个 meteor 版本?