最近刚好有空,学长帮忙让做个毕设,于是我提到了那个基于H5地理位置实现天气查询的方法,学长听了也觉得不错,于是就这个主题,扩展了一下,做了一个航班管理查询系统,为上次博客中提到的利用H5 api中的经纬度应用做了一个例子。这边也贴上部分代码简单提下思路。首先网站框架:bootst ...
最近刚好有空,学长帮忙让做个毕设,于是我提到了那个基于H5地理位置实现天气查询的方法,学长听了也觉得不错,于是就这个主题,扩展了一下,做了一个航班管理查询系统,为上次博客中提到的利用H5 api中的经纬度应用做了一个例子。这边也贴上部分代码简单提下思路。
首先网站框架:bootstarp+less+ajax(交互方法)+php+mysql 搭建在sae平台上,文章结束贴上demo地址
$(document).ready(function(){ $("#myCarousel").carousel('cycle'); locationAndWeather(); initEvent(); initText();});var loginLog=1;var searchName;var searchLog=1;function locationAndWeather(localName){ if(localName){ weather(localName); }else{ //h5 经纬度的获取 var lat,lon,cityname=new Array; getLocation(); function getLocation(){ if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{alert("未获取到您的地理位置,请确认您是手机访问,且允许开启地理位置访问")} } function showPosition(position){ //console.log(position.coords.latitude+"!!!"+position.coords.longitude) lat=position.coords.latitude; lon=position.coords.longitude; //alert(lat+"!!"+lon); // 百度地图API功能 var point = new BMap.Point(lon, lat); var gc = new BMap.Geocoder(); gc.getLocation(point, function(rs){ var addComp = rs.addressComponents; //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); cityname=addComp.city.split("市"); $(".location_name").html(cityname[0]); //天气模块 weather(cityname[0]); }); } } }
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:H5天气查询demo(二)
关键词:H5
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。