sencha touch權(quán)威指南---學(xué)習(xí)筆記5-經(jīng)緯度獲取計(jì)算直線距離

發(fā)布時(shí)間：2020-07-14 11:23:04 來源：網(wǎng)絡(luò) 閱讀：247 作者：1987151729qq 欄目：開發(fā)技術(shù)

<!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為經(jīng)度, 一定不要弄錯(cuò)
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');
//北京天安門的地理坐標(biāo)
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;//不能實(shí)現(xiàn)獲取
//var me_lo = Ext.Device.Geolocation.getLongitude;//不能實(shí)現(xiàn)獲取

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 touch權(quán)威指南---學(xué)習(xí)筆記5-經(jīng)緯度獲取計(jì)算直線距離

向AI問一下細(xì)節(jié)

sencha touch權(quán)威指南---學(xué)習(xí)筆記5-經(jīng)緯度獲取計(jì)算直線距離

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽