追万软件公司-专业从事企业软件定制系统软件开发用户管理系统进销存系统等软件开发

如何通过HTML5定位当前城市

移动互联网迅速发展,各种各样的移动APP微信公众号等如雨后春笋般涌现,而我们在实际开发项目情况下,HTML5应用非常广泛,很多功能是老版本HTML不能提供的,比如我们今天向大家介绍的是如何通过HTML5定位当前城市,从而根据定位情况来实现开发,这类应用特别是在O2O类项目中,应用非常广泛。

如何通过HTML5定位当前城市
大家直接COPY如下代码即可:
<script type="text/javascript">
    $(function () {
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function (r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                var mk = new BMap.Marker(r.point);
               $("#point").html('您的位置:'+r.point.lng+','+r.point.lat);
                var myGeo = new BMap.Geocoder();
                myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat), function (rs) {
                    var addComp = rs.addressComponents;
                    console.log(rs);  //打印所有数据
                    $("#adds").html("当前地址是:"+addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber);
                });
            }
            else {
                alert('failed' + this.getStatus());
            }
        });
    });
</script>

通过获取的定位信息,可以让不同城市或者地域的用户进入对应的城市,让用户快速检索浏览信息;也可以让用户的信息直接在百度地图或者谷歌地图上直接显示对应的地理位置,这类人房产类软件使用比较多,还有很多功能都可以使用到,我们就不多介绍。

我们给大家制作了一个预览版的“通过HTML5定位当前城市”网页,供大家参考学习!!

最新文章

热门文章