引包:

require("cordova!cordova-plugin-geolocation");

require("cordova!com.justep.cordova.plugin.baidulocation");

Model.prototype.modelLoad = function(event){

var self = this;

var data = self.comp("data1"); //获取节点

var gpsDtd = this.getLocation(); //调用自带定位插件

gpsDtd.done(function(position) {

var positioning=position.latitude+"|"+position.longitude; //获取经纬度

data.setValue("location", position.address); //获取位置

require([ 'http://api.map.baidu.com/getscript?v=1.4&ak=&services=&t=20170929031641' ], function() { //百度api 作用:通过经纬度获取城市

if(BMap){

var point = new BMap.Point(position.longitude,position.latitude);

var gc = new BMap.Geocoder();

gc.getLocation(point, function(rs){

var addComp = rs.addressComponents;

address = addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber;

var params2 = {"city":encodeURI(addComp.city)};

Baas.sendRequest({ //访问后台天气接口

"url" : "/num/Data", // 请求地址

"action" : "weatherApi", // action

"params" : params2, // action对应的参数

"success" : function(weather){

console.info(weather);

if(weather && weather.status==200){

var forecast = weather.data.forecast[0];

var info = forecast.high +" "+ forecast.low +" "+ forecast.type +" "+ forecast.fx + forecast.fl ;

self.getElementByXid("weatherInfo").innerText=info;

}else{

self.getElementByXid("weatherInfo").innerText="暂无天气信息";

}

}

});

});

}

})

})

};

//定位方法

Model.prototype.getLocation = function() {

/*

* 获取当前定位,获取地理位置失败,暂时采用默认地址

*/

var gpsDtd = $.Deferred();

if (this.wxApi) {

this.wxApi.exec().done(function(wx) {

wx.getLocation({

type : "gcj02",

success : function(data) {

gpsDtd.resolve({

coorType : data.coorType,

address : data.address,

longitude : data.longitude,

latitude : data.latitude

});

},

cancel : function(res) {

gpsDtd.resolve({

longitude : 116.45764191999997,

latitude : 39.8622934399999

});

}

});

}).fail(function() {

gpsDtd.resolve({

longitude : 116.45764191999997,

latitude : 39.8622934399999

});

});

} else if (navigator.geolocation) {

var success = function(data) {

// data.longtitude 经度

// data.latitude 纬度

// data.address 文字描述的地址信息

// data.hasRadius 是否有定位精度半径

// data.radius 定位精度半径

// data.type 定位方式

// data.coorType

gpsDtd.resolve({

coorType : data.coorType,

address : data.address,

coorType: data.coorType,

longitude : data.coords.longitude,

latitude : data.coords.latitude

});

};

var fail = function(e) {

justep.Util.hint("获取地理位置失败,暂时采用默认地址");

gpsDtd.resolve({

longitude : 116.45764191999997,

latitude : 39.8622934399999

});

};

/**

* 如果在室内 enableHighAccuracy: true 反而误差更大

* 如果在室外 enableHighAccuracy: true 相对准确

*/

navigator.geolocation.getCurrentPosition(success, fail);

/*var gpsWatchID = navigator.geolocation.watchPosition(success, fail,{

timeout: 30*1000,

maximumAge: 30000,

enableHighAccuracy: true});*/

} else {

justep.Util.hint("获取地理位置失败,暂时采用默认地址");

gpsDtd.resolve({

longitude : 116.45764191999997,

latitude : 39.8622934399999

});

}

return gpsDtd.promise();

};

BAAS:

public static JSONObject weatherApi(JSONObject params, ActionContext context)

throws SQLException, NamingException, IOException {

Connection conn = context.getConnection(DATASOURCE_NUMYSQL);

String city = params.getString("city");

JSONObject rt = new JSONObject();

try {

// 把字符串转换为URL请求地址

URL url = new URL("http://www.sojson.com/open/api/weather/json.shtml?city="+city);

// 打开连接

HttpURLConnection connection = (HttpURLConnection) url.openConnection();

connection.connect();// 连接会话

// 获取输入流

BufferedReader br = new BufferedReader(newInputStreamReader(connection.getInputStream(),"UTF-8"));

String line;

StringBuilder sb = new StringBuilder();

while ((line = br.readLine()) != null) {// 循环读取流

sb.append(line);

}

br.close();// 关闭流

connection.disconnect();// 断开连接

JSONObject weather = JSONObject.parseObject(sb.toString());

return weather;

}finally {

conn.close();

}

}

wex5 如何利用 百度地图 定位 和 天气插件的更多相关文章

  1. cordova百度地图定位Android版插件

    本插件利用百度地图提供的定位功能进行Android版手机定位. 为什么没有iOS版? 因为iOS版有官方的定位插件cordova-plugin-geolocation可以使用. 请参照:cordova ...

  2. Android利用百度地图定位

    百度地图照着百度的教程做的总是出现报错 请帮我看看错误在那 2013-12-13 15:16168海军 | 分类:百度地图 | 浏览1252次 java.lang.RuntimeException: ...

  3. 利用百度地图API,获取经纬度坐标

    利用百度地图API,获取经纬度坐标 代码很简单,但在网上没找到现成的获取地图经纬度的页面. 就是想,给当前页面传递一个经纬度,自动定位到此经纬度.然后可以重新选择,选择完返回经纬度. 效果如下: 源代 ...

  4. Android 百度地图定位(手动+自动) 安卓开发教程

    近由于项目需要,研究了下百度地图定位,他们提供的实例基本都是用监听器实现自动定位的.我想实现一种效果:当用户进入UI时,不定位,用户需要定位的时候,自己手动点击按钮,再去定位当前位置.  经过2天研究 ...

  5. 【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注

    原文:[百度地图API]建立全国银行位置查询系统(四)--如何利用百度地图的数据生成自己的标注 摘要: 上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?&quo ...

  6. 百度地图定位SDK 之构想

    百度地图定位 前提 从香港旅游回来,心中油然升起一股热血滂湃,激励自己发现市场需求,向创业奋进,朝着梦想前进. 简介 百度Android定位SDK支持Android1.5以及以上设备,提供: 定位功能 ...

  7. 利用百度地图API和群蚁算法,对TSP问题进行模拟与求解

    前言 最近由于换了工作,期间也有反思和总结上家公司的得失,总觉得有什么事情当初可以完成或者完成得更好,其中TSP问题就是其中之一.当初在开发一个仓配系统的时候,有一个线路排程的需求,当时自己简单在纸上 ...

  8. Android使用百度地图定位并显示手机位置后使用前置摄像头“偷拍”

    今天老板让我验证一下技术可行性,记录下来. 需求 :定位手机的位置并在百度地图上显示,得到位置后使用前置摄像头进行抓拍 拿到这个需求后,对于摄像头的使用不太熟悉,于是我先做了定位手机并在百度地图上显示 ...

  9. IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息

    IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息 /**当获取到定位的坐标后,回调函数*/ - (void)didUpdateBMKUserLocation:(BMKUserLocati ...

随机推荐

  1. 大哥带的JavaScript伪协议

    将javascript代码添加到客户端的方法是把它放置在伪协议说明符javascript:后的URL中.这个特殊的协议类型声明了URL的主体是任意的javascript代码,它由javascript的 ...

  2. Java连接MQTT服务-ws方式

    特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...

  3. vue的周期函数

    beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate(更新前) updated(更新后) beforeDe ...

  4. DAY 4模拟赛

    DAY 4 zhx出题 T1 裂变链接 [问题描述] 你是能看到第一题的 friends 呢. ——hja 众所周知,小葱同学擅长计算,尤其擅长计算组合数,但这个题和组合数没什么关系. 现在有

  5. 关于Layui的表格中分页处理

    table.render({ elem: '#test' ,height:'full-125' ,url:'data.php' ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,l ...

  6. leetcode 76最小覆盖子串

    time O(n) spaceO(n) 的方法: 还是借助哈希表,所有字母初始化为0,将t中出现的所有字母次数全都记录在哈希表里: 采用双指针,分别为一个头指针head,和尾指针tail.flag记录 ...

  7. Python基本语法_运算符详解

    目录 目录 前言 软件环境 身份运算符 算术运算符 比较运算符 位移运算符 自变运算符 位运算符 逻辑运算符 成员关系运算符 Python真值表 最后 前言 在前面的博文介绍了Python的数据结构之 ...

  8. 阶段3 2.Spring_03.Spring的 IOC 和 DI_1 ioc的概念和作用

    IOC的含义 new的方式创建对象,是主动去找对象.对我的资源独立就变的很难,因为这有明显的依赖关系 第二种方式创建对象.app断开了和资源的联系,.而是去找工厂要一个资源.由工厂负责和资源去的联系, ...

  9. 非GUI运行Jmeter,jtl文件没有响应数据的解决办法

    一.问题 Jmeter官方一直强调要在非GUI模式下运行Jmeter:Run your JMeter test in command-line non-GUI mode. 但在非GUI模式下运行生成的 ...

  10. harbor扩容

    1.参照文档  https://k8s.abcdocker.com/kubernetes_harbor.html 2.设置连接 ln到其他文件目录下