欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 移动运营 > 手机建站 >

    最简单手机移动端Html5获取当前城市的方法

    2018-05-14 09:50 来源/作者:懒人模板 分类:手机建站  « »
    第一步:在你所需要网页引入百度地图API  记得要现在百度地图注册一个账号的。来获取你的AK码噢。百度地图ak码申请地址:http://lbsyun.baidu.com/
    <script src="http://api.map.baidu.com/api?ak=你的AK码&v=2.0&services=false"></script>
    第二步:利用H5的geolocation方法获取坐标,然后使用百度地图api的getlocation方法翻译成你想要得结果。
    navigator.geolocation.getCurrentPosition(function (position) {
     2         var lat = position.coords.latitude;
     3         var lon = position.coords.longitude;
     4         var point = new BMap.Point(lon, lat);  // 创建坐标点
     5         // 根据坐标得到地址描述
     6         var myGeo = new BMap.Geocoder();
     7         myGeo.getLocation(point, function (result) {
     8             var city = result.addressComponents.city;
     9             $('body').html(city);
    10         });
    11     });

    只需要以上两步就可以了,是不是很简单的呢。

    点击扫描效果预览 免费下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议