
"sap.ui5": {
...
"routing": {
...
"targets": {
...
"MovingObjectObjectPage": {
"type": "Component",
"id": "MovingObjectObjectPage",
"name": "sap.fe.templates.ObjectPage",
"options": {
"settings": {
"editableHeaderContent": false,
"entitySet": "MovingObject",
"content": {
"body": {
"sections": {
"Geomap": {
"template": "zgeomovingobjectlistv4.ext.fragment.Geomap",
"position": {
"placement": "After",
"anchor": "idGeneralInformation"
},
"title": "Geo Map",
"type": "XMLFragment"
}
}
}
}
}
}
}
<core:FragmentDefinition
xmlns:core="sap.ui.core"
xmlns="sap.m"
xmlns:macros="sap.fe.macros">
<mvc:View
id="zView"
xmlns:core="sap.ui.core"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:l="sap.ui.layout"
xmlns:vbm="sap.ui.vbm">
<l:VerticalLayout id="verticalLayout" width="100%">
<vbm:GeoMap
id="GeoMapControl"
width="100%"
height="400px"
centerPosition="{GeoLongitude};{GeoLatitude}"
zoomlevel="10"
core:require="{ handler: 'zgeomovingobjectlistv4/ext/fragment/Geomap'}"
>
<vbm:vos>
<vbm:Spots id="GeoMapSpots"
posChangeable="true"
scaleChangeable="false">
<vbm:items>
<vbm:Spot id="Spot"
position="{GeoLongitude};{GeoLatitude};0"
tooltip="{ObjectTypeText} {ObjectId} - {GeoLongitude};{GeoLatitude}"
type="Success"
icon="shipping-status"
text="{ObjectTypeText} {ObjectId} "
contentOffset="0;0"
click="handler.onClickSpot">
</vbm:Spot>
</vbm:items>
</vbm:Spots>
</vbm:vos>
</vbm:GeoMap>
</l:VerticalLayout>
</mvc:View>
</core:FragmentDefinition>
sap.ui.define([
"sap/m/MessageToast"
],
function(MessageToast) {
'use strict';
//Create event handler object
return {
//Handle event of fragment
onClickSpot: function(oEvent) {
var MovingObject = oEvent.getSource().getBindingContext().getObject();
alert('Selected: ' + MovingObject.ObjectTypeText + ' ' + MovingObject.ObjectId);
}
};
});
{
...
"sap.ui5": {
...
"extends": {
"extensions": {
"sap.ui.controllerExtensions": {
"sap.fe.templates.ObjectPage.ObjectPageController#zgeomovingobjectlistv4::MovingObjectObjectPage": {
"controllerName": "zgeomovingobjectlistv4.ext.controller.ZMovingObjectController"
}
}
}
}
onAfterRendering: function (oObjectPageEvent) {
//Get Extension API
var oObjectPageController = this;
var oExtensionAPI = oObjectPageController.base.getExtensionAPI();
//Get Geo Map Controller. Full id: "zgeomovingobjectlistv4::MovingObjectObjectPage--fe::CustomSubSection::Geomap--GeoMapControl"
var oGeomapController = oExtensionAPI.byId("fe::CustomSubSection::Geomap--GeoMapControl");
//Set Map configuration
var oMapConfig = {
"MapProvider": [{
"name": "OSM",
"type": "",
"description": "",
"tileX": "256",
"tileY": "256",
"maxLOD": "20",
"copyright": "OpenStreetMap",
"Source": [{
"id": "s1",
"url": "https://a.tile.openstreetmap.org/{LOD}/{X}/{Y}.png"
}]
}],
"MapLayerStacks": [{
"name": "DEFAULT",
"MapLayer": [{
"name": "OSMLayter",
"refMapProvider": "OSM",
"opacity": "1.0",
"colBkgnd": "RGB(255,255,255)"
}]
}]
};
oGeomapController.setMapConfiguration(oMapConfig);
oGeomapController.setRefMapLayerStack("DEFAULT");
}
"MovingObjectObjectPage": {
"options": {
"settings": {
"content": {
"body": {
"sections": {
"Geomap": {
"title": "{i18n>geomapSection}"
"sap.app": {
"i18n": "i18n/i18n.properties",
"sap.ui5": {
"models": {
"i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"settings": {
"bundleName": "zgeomovingobjectlistv4.i18n.i18n"
}
}
"@i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"uri": "i18n/i18n.properties"
}
geomapSection=Geo Map
sap.ui.define(['sap/ui/core/mvc/Controller'], function(Controller) {
'use strict';
return Controller.extend('zgeomovingobjectlisto2.ext.GeomapByBinding', {
onInit: function () {
//Set Map configuration
var oMapConfig = {
"MapProvider": [{
"name": "OSM",
"type": "",
"description": "",
"tileX": "256",
"tileY": "256",
"maxLOD": "20",
"copyright": "OpenStreetMap",
"Source": [{
"id": "s1",
"url": "https://a.tile.openstreetmap.org/{LOD}/{X}/{Y}.png"
}]
}],
"MapLayerStacks": [{
"name": "DEFAULT",
"MapLayer": [{
"name": "OSMLayter",
"refMapProvider": "OSM",
"opacity": "1.0",
"colBkgnd": "RGB(255,255,255)"
}]
}]
};
var oGeoMap = this.getView().byId("GeoMap");
oGeoMap.setMapConfiguration(oMapConfig);
oGeoMap.setRefMapLayerStack("DEFAULT");
}
});
});
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
23 | |
19 | |
9 | |
7 | |
5 | |
5 | |
5 | |
4 | |
4 | |
3 |