您的位置：首页 > 移动开发 > WebAPP

sencha touch权威指南---学习笔记5-经纬度获取计算直线距离

2014-08-14 19:14 609 查看

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<title></title>

<link rel="stylesheet" href="sdk-touch/resources/css/sencha-touch.css" />

<link rel="stylesheet" href="resources/css/app.css" />



<script src="sdk-touch/sencha-touch-all.js"></script>





<script src="app.js"></script>

</head>

<body>

</body>
</html>

/**

* Created by-PC on 2014/8/12.

*/

Ext.define('MyApp.controller.calculate', {

toRad: function (d) {

return d * Math.PI / 180;

},

getDisance: function (lat1, lng1, lat2, lng2) { //#lat为纬度, lng为经度, 一定不要弄错

var dis = 0;

var radLat1 = this.toRad(lat1);

var radLat2 = this.toRad(lat2);

var deltaLat = radLat1 - radLat2;

var deltaLng = this.toRad(lng1) - this.toRad(lng2);

var dis = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(deltaLat / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(deltaLng / 2), 2)));

return dis * 6378137;

}

});

/**

* Created by-PC on 2014/8/12.

*/

Ext.define('MyApp.controller.controller', {

extend: 'Ext.app.Controller',

launch: function () {

this.callParent(arguments);

console.log('launch');

//北京天安门的地理坐标

var pk_la = 39.90960456049752;

var pk_lo = 116.3972282409668;

/*Ext.util.geolocation.getCurrentPosition(function (position) {

console.log(position.coords.latitude);

console.log(position.coords.longitude);

});*/

//var me_la = Ext.device.geolocation.latitude;

//var me_lo = Ext.device.geolocation.longitude;

navigator.geolocation.getCurrentPosition(function(position){

//alert(position.coords.latitude+'+'+position.coords.longitude);

//var me_la = Ext.Device.Geolocation.getLatitude;//不能实现获取

//var me_lo = Ext.Device.Geolocation.getLongitude;//不能实现获取

var me_la = position.coords.latitude;

var me_lo = position.coords.longitude;

var g = Ext.create('MyApp.controller.calculate');

var distance = g.getDisance(pk_la, pk_lo, me_la, me_lo);

//console.log(me_la);

//console.log(me_lo);

//console.log(distance);

Ext.getCmp('locLabelID').setValue(distance+'米');

});

},

init: function () {

this.callParent();

console.log('init1');

}

});

/**

* Created by-PC on 2014/8/12.

*/

Ext.define('MyApp.view.mainContainer',{

extend:'Ext.Container',

alias: 'widget.mainContainer',

requires: ['Ext.Toolbar'],

initialize:function(){

this.callParent();

var topToolBar={

xtype:'toolbar',

title:'直线距离',

docked:'top',

items:[

{

xtype:'spacer'

}

]

};

var locLabel = {

xtype: 'textfield',

name: 'title',

label: '你与天安门的距离是：',

id:'locLabelID'

};

this.add([

topToolBar,

locLabel

]);

}

/*config:{

layout: {

type: 'fit'

}

}*/

});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： sencha webapp

相关文章推荐

新的分享

章节导航