本文实例讲述了JS获取本地地址及天气的方法。分享给大家供大家参考,具体如下:
<强>第一种方式:
1,利用浏览器获取当前位置的经纬度
window=getCurrentPosition;//浏览器获取当前位置
函数getCurrentPosition () {
如果(window.navigator.geolocation) {={var选项
enableHighAccuracy:没错,
};
window.navigator.geolocation。getCurrentPosition (handleSuccess handleError选项);
其他}{
警报(“浏览器不支持html5来获取地理位置信息”);
}
}
之前
2,浏览器获取到的是GPS坐标,需要转换成城市名称再通过城市获取天气:
//成功获取时调用的函数
函数handleSuccess(位置){//获取到当前位置经纬度本例中获取到的是gps坐标系//经度
液化天然气var=position.coords.longitude;//纬度
var lat=position.coords.latitude;//转换成百度坐标系//将请求发送的给
新BMap var ggPoint=５?液化天然气,lat);//地图初始化
var bm=new BMap.Map ();//坐标转换完之后的回调函数
translateCallback=function(数据){
如果(数据)。状态===0){//回调成功
var=new BMap.Marker标志(data.points [0]);
var myGeo=new BMap.Geocoder ();
var baiduPoint=new BMap.Point (data.points [0]。液化天然气,data.points [0] . lat);//将经纬度转换成城市
myGeo。getLocation (baiduPoint getCityByCoordinate);
}
}
setTimeout(函数(){
var转换器=new BMap.Convertor ();
var pointArr=[];
pointArr.push (ggPoint);
转换器。翻译(translateCallback pointArr 3 5日)
},2000);
}
函数getCityByCoordinate(结果){
var gpsAadress=result.addressComponents;
城市var=gpsAadress.city;//将转换之后的城市传入获取天气的函数做参数
getWeatherDatas(城市);
返回城市;
}
函数handleError () {
日志(“地点定位出错”);
}
之前
<强>第二种方式:
1,利用百度API通过IP地址获取本地地址
//通过百度的IP地址获取本地地址
window=getCurrentPosit;
函数getCurrentPosit () {
var=new BMap.Map地图(“getCity”);
函数myFun(结果){
var cityName=result.name;
getWeatherDatasFun(某个);
map.setCenter(某个);
alert("当前定位城市:”+ cityName);
}
var myCity=new BMap.LocalCity ();
myCity.get (myFun);
之前
2,通过城市获取天气数据:
函数getWeatherDatas(市){
var url=' http://route.showapi.com/9-2& # 63;;
如果(市===定义| |城市===" "){
日志('您还未输入”)
其他}{
. ajax({美元
类型:“文章”,
url: url、
数据类型:“jsonp”,
数据:{
“showapi_timestamp”:新的日期().getTime (),
“showapi_appid”: ' 44277 ',//这里需要改成自己的appid
“showapi_sign”: 9987年d6dff19e482488b33dc8ed70f6e9 ',//这里需要改成自己的应用的密钥秘密,
“区域”:城市
},
jsonp:“jsonpcallback ',//这个方法名很重要,不能改变
错误:功能(XmlHttpRequest, textStatus errorThrown) {
日志(“操作失败,请重试!”+ errorThrown);
},
成功:函数(结果){//解析获取到的天气数据
控制台。日志(“天气数据:”,结果);
}
})；
}
}
之前
更多关于JavaScript相关内容还可查看本站专题:《JavaScript数学运算用法总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript数组操作技巧总结》,《JavaScript事件相关操作与技巧大全》,《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
