H5天气查询demo（二）

最近刚好有空，学长帮忙让做个毕设，于是我提到了那个基于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