移動互聯網迅速發展,各種各樣的移動APP、微信公眾號等如雨后春筍般涌現,而我們在實際開發項目情況下,HTML5應用非常廣泛,很多功能是老版本HTML不能提供的,比如我們今天向大家介紹的是如何通過HTML5定位當前城市,從而根據定位情況來實現開發,這類應用特別是在O2O類項目中,應用非常廣泛。

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