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          + "
" +
                  "Longitude:"          + position.coords.longitude         + "
" +
                  "Altitude: "          + position.coords.altitude          + "
" +
                  "Accuracy: "          + position.coords.accuracy          + "
" +
                  "Altitude Accuracy: " + position.coords.altitudeAccuracy  + "
" +
                  "Heading:  "          + position.coords.heading           + "
" +
                  "Speed:     "          + position.coords.speed             + "
" +
                  "Timestamp:"          + position.timestamp                + "
");
         },
        
        onError2:function(error){
             MessageBox.show(
                 "code: "    + error.code    + "
" +
                "message: " + error.message + "
");
         }

    });

});

3.SAP WEB IDE 测试

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

　

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