UI5-技术篇-Hybrid App-2-Geolocation位置定位

在SAP WEB IDE简单测试基于HTML5自带的定位功能，相关步骤如下：

1.VIEW代码

 <mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
     controllerName="zrico_appnszrico_pn_scan.controller.GeoLocation" xmlns:html="http://www.w3.org/1999/xhtml">
     <App>
         <pages>
             <Page
             title="{i18n>GeoLocation.Page.title}"
             showNavButton="true"
             navButtonPress="onNavBack"
             backgroundDesign="Transparent">
                 <content>
                     <Button id="BTGeoLoc" text="{i18n>GeoLocation.Button.text}" type="Emphasized" press="onGeoLocButton" > </Button>
                 </content>
             </Page>
         </pages>
     </App>
 </mvc:View>

2.Controller代码

 jQuery.sap.includeScript("/webapp/src/src/cordova.js");
 sap.ui.define([
     "zrico_appnszrico_pn_scan/controller/BaseController",
     "sap/ui/core/mvc/Controller",
     "sap/ui/core/UIComponent",
     "sap/m/MessageBox",
     "sap/ui/Device"
 ], function(BaseController,Controller,UIComponent,MessageBox,Device) {
     "use strict";

     return BaseController.extend("zrico_appnszrico_pn_scan.controller.GeoLocation", {

         onGeoLocButton: function () {
             //document.addEventListener("deviceready", this.onDeviceReady, false);
             navigator.geolocation.getCurrentPosition(this.onSuccess2, this.onError2, { maximumAge: 3000, timeout: 30000})  //精度设置 enableHighAccuracy: true
         },

         onSuccess2:function(position){
               MessageBox.show(
                   "Latitude: "          + position.coords.latitude          + "\n" +
                   "Longitude:"          + position.coords.longitude         + "\n" +
                   "Altitude: "          + position.coords.altitude          + "\n" +
                   "Accuracy: "          + position.coords.accuracy          + "\n" +
                   "Altitude Accuracy: " + position.coords.altitudeAccuracy  + "\n" +
                   "Heading:  "          + position.coords.heading           + "\n" +
                   "Speed:     "          + position.coords.speed             + "\n" +
                   "Timestamp:"          + position.timestamp                + "\n");
          },

         onError2:function(error){
              MessageBox.show(
                  "code: "    + error.code    + "\n" +
                 "message: " + error.message + "\n");
          }

     });

 });

3.SAP WEB IDE 测试

　chrome谷歌浏览器执行过程中报错，应该是网络原因需要翻墙。

　

　在IE浏览器中测试，显示正常。