南京微信開發
您當前的位置 : 首 頁 > 新聞資訊 > 技術資訊

如何通過HTML5定位當前城市

2019-09-09

移動互聯網迅速發展,各種各樣的移動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定位當前城市”網頁,供大家參考學習??!


標簽

Z近瀏覽:

相關產品

相關新聞

Copyright ? 江蘇小耳朵信息科技股份有限公司 備案號:蘇ICP備19000811號-2 專業從事于南京軟件開發,南京小程序開發,南京微信開發, 歡迎來電咨詢! 企業分站 | 網站地圖