行動端定位

1. 在需要GPS定位的應用場景中，可透過手機端app獲取使用者當前位置。

1

範本製作。

1. 為A1單元格新增按鈕控制元件，並新增點擊事件。

2. 程式碼如下。

FR.location(function(status, message){ //獲取位置
if(status=="success") {
//成功，返回經緯度訊息
FR.Msg.alert("Location is " + message);
contentPane.setCellValue(0, 1, message); 
} else {
//定位失敗，返回錯誤訊息
FR.Msg.alert(message); //定位失敗
}
});

2

app應用。

1. 點選【獲取位置】，獲取當前位置資訊。

1

範本製作。

1. 拖入2個文字元件用於接收經緯度和2個label元件，label元件分別命名為latitude和longitude。

2. 為其中任意一個文字元件新增初始化後事件。

3. 程式碼如下

var self = this;
FR.location(function(status, message){ 
if(status=="success") { 
var jingwei=message.split(",") ; 
self.options.form.getWidgetByName("latitude").setValue(jingwei[0]);
self.options.form.getWidgetByName("longitude").setValue(jingwei[1]); } 
});。
var longitude = 116.322987;
var latitude = 39.983424;
var t1= this.options.form.getWidgetByName("location");
FR.location(function(status, message){
if(status=="success") {
var aa = message.split(',');
latitude = aa[0];
longitude = aa[1];
setTimeout(function() {  
FR.ajax({  
       url: "/webroot/getaddress.jsp?jingdu=" + longitude + "&weidu=" + latitude,  
       success: function(msg){  
       FR.Msg.alert("The location is", msg);  
       t1.setValue(msg);
       }  
    }); 
}, 500);
});

1

準備將 getaddress.jsp件放到%Tomcat_HOME%\webapps\webroot下。

注：此功能必須部署在tomcat的前提下進行，FR內建伺服器中無效。

1. getaddress.zip

2

範本製作。

1. 新增文字元件用於接收位置資訊，和按鈕元件用於獲取最新位置。

2. 為其中任意一個文字元件新增初始化後事件，程式碼如下1。

3. 為按鈕元件新增點擊事件，程式碼如下2。

var longitude = 116.322987;
var latitude = 39.983424;
var t1= this.options.form.getWidgetByName("location");
FR.location(function(status, message){
if(status=="success") {
var aa = message.split(',');
latitude = aa[0];
longitude = aa[1];
setTimeout(function() {  
FR.ajax({  
       url: "/webroot/getaddress.jsp?jingdu=" + longitude + "&weidu=" + latitude,  
       success: function(msg){  
       t1.setValue(msg);
       }  
    }); 
}, 500);
} 
});

var longitude = 116.322987;
var latitude = 39.983424;
var t1= this.options.form.getWidgetByName("location");
FR.location(function(status, message){
if(status=="success") {
var aa = message.split(',');
latitude = aa[0];
longitude = aa[1];
setTimeout(function() {  
FR.ajax({  
       url: "/webroot/getaddress.jsp?jingdu=" + longitude + "&weidu=" + latitude,  
       success: function(msg){  
       FR.Msg.alert("The location is", msg);  
       t1.setValue(msg);
       }  
    }); 
}, 500);
} 
});

3

demo查看。

1. 點選【獲取位置】之後，將重新獲取最新位置資訊。