追萬軟件公司-專業從事企業軟件定制、系統軟件開發、用戶管理系統、進銷存系統等軟件開發

如何通過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定位當前城市”網頁,供大家參考學習??!

最新文章

熱門文章

欧美中国韩国日本多水385,国产精品亚亚洲欧关中字幕,αv天堂aⅴ影音先锋手机版,清纯唯美五月丁香俺也去,小说区图片区自拍视频在线,xfplay中文字幕在线资源,俺去啦官网无码免费视频,久久中文字幕乱码久久午夜,日韩AV噜噜噜在线观看