腾讯地图(1.进入页面获取经纬度定位)
博客专区 > liop 的博客 > 博客详情
腾讯地图(1.进入页面获取经纬度定位)
liop 发表于3个月前
腾讯地图(1.进入页面获取经纬度定位)
  • 发表于 3个月前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 学生专属云服务套餐 10元起购>>>   

<!DOCTYPE html>
<html ng-app="myapp">
<head lang="en">

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="demo" />
    <meta name="author" content="diyijiajiao"/>
    <meta name="keywords" content="demo" />
    
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
    <title>腾讯地图demo</title>

</head>
<body>

</body>

<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>

<script type="text/javascript">
    var geolocation = new qq.maps.Geolocation("OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77", "myapp");

    geolocation.getLocation(showPosition, showErr, options);
    //showPosition  成功之后执行方法
    //showErr失败之后执行方法
    //options定位选项设置时间

    var options = {timeout: 15000};

    //position 自定义的一个名称 成功之后 获取的数据
    //city:"深圳市"  nation:"中国" province:"广东省"
    //lat:"22.543099"  lng:"114.057868"
    function showPosition(position) {
        alert(position.lat);

        alert(position.lng);

    };

    function showErr() {
        console.log("获取经纬度失败");
    };

</script>

</html>


 

共有 人打赏支持
粉丝 2
博文 20
码字总数 2685
×
liop
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: