Map Providers in sap.ui.vbm.GeoMap

[parconcb]

Hi,

how do you set Map Providers in GeoMap Control?

When using VBI we did it like this:

                             {

                               "type" : "",
                               "name" : "BING",
                               "description" : "Bing",
                               "tileX" : "256",
                               "tileY" : "256",
                               "minLOD" : "0",
                               "maxLOD" : "19",
                               "copyright" : "Microsoft Corp.",
                               "Source" : [{
                                   "id" : "1",
                                   "url" : "http://ecn.t0.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
                                 }, {
                                   "id" : "2",
                                   "url" : "http://ecn.t1.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
                                 }, {
                                   "id" : "3",
                                   "url" : "http://ecn.t2.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
                                 }, {
                                   "id" : "4",
                                   "url" : "http://ecn.t3.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
                                 }
                               ]
                             }

How is it done in geomap?

I tried the following methods:

oVBI.m_VBIContext.m_MapProviders.Add()

oVBI.setMapConfiguration()

oVBI.UpdateMapProviders()

but i didnt get it working.

I hope there will be more docu/samples for GeoMap Control soon.

I also need docu/samples regarding GeoMap Drag&Drop / Config.

And i was wondering if it is generally possible to use the Lasso Selection like in the native VB 2.1 Control?

Thank you for any help.

Kind Regards

Christian

[former_member182119 · Accepted solution]

Hello Christian,

Sorry that this part is not documented at all. It is possible to overwrite the default built in map configuration by bassing the following object structure to the mapConfiguration property (sample):

{       "MapProvider":
        [      
            {  "name": "MAPQUEST",
               "type": "",
               "description": "",
               "tileX": "256",
               "tileY": "256",                               
               "maxLOD": "19",
               "copyright": "Tiles Courtesy of MapQuest © OpenStreetMap under ODbL v1.0",
               "Source":                                 
               [      
                    { "id": "s1", "url": "http://otile1.mqcdn.com/tiles/1.0.0/map/{LOD}/{X}/{Y}.png" },            
                    { "id": "s2", "url": "http://otile2.mqcdn.com/tiles/1.0.0/map/{LOD}/{X}/{Y}.png" }
               ]                             
            },                             
            {             other...          }
        ],              
       "MapLayerStacks":        
       [          
           {  "name": "Default",
              "MapLayer":                                 
              [                             
                  {  "name": "layer1",
                     "refMapProvider": "MAPQUEST",
                     "opacity": "1.0",
                     "colBkgnd": "RGB(255,255,255)"
                  },
                  {                   other...                }
               ]                            
            },                    
            {             other...          }
       ] 
} 

The format is equal to the the one described here in more detail.

There are two further restrictions:

• the mapConfiguration property needs to be set before the first rendering of the control
• The name of the MapLayerStack needs to be "Default".

Cheers Uwe

[parconcb · Accepted solution]

Thanks Uwe for your help!

Maybe you can give me another hint what i am doing wrong?

<!DOCTYPE HTML>
<html data-sap-ui-dk-category="Controls/VisualBusiness" data-sap-ui-dk-controls="sap.ui.vbm.GeoMap">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<style></style>
<script id="sap-ui-bootstrap"
src="https://sapui5.netweaver.ondemand.com/sdk/resources/sap-ui-core.js"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-libs="sap.ui.commons,sap.ui.table,sap.ui.vbm"></script>
<script id="Elements">
// sample event handlers
function onClickSpot( evt )
{
// click on spot
alert( "onClickSpot " + evt.getSource().getBindingContext().getProperty( "tooltip" ) );
};
function onContextMenuSpot( evt )
{
// click on spot
alert( "onContextMenuSpot" + evt.getSource().getBindingContext().getProperty( "tooltip" ) );
};
function onClickSpots( evt )
{
// click on spot
alert( "onClickSpots" );
};
function onContextMenuSpots( evt )
{
// click on spot
alert( "onContextMenuSpots" );
};
function onClickItem( evt )
{
// click on item
alert( "onClick " + this );
};
function onContextMenuItem( evt )
{
// context menu on item
alert( "onContextMenu " + this );
};
// create analytic map and bind to model
function vbi_width(){
return document.documentElement.clientWidth - 15;
}
function vbi_height(){
return document.documentElement.clientHeight - 40;
}
var conf = { "MapProviders" : {
"Set" : {
"MapProvider" : [
{
"type" : "",
"name" : "BING",
"description" : "Bing",
"tileX" : "256",
"tileY" : "256",
"minLOD" : "0",
"maxLOD" : "19",
"copyright" : "Microsoft Corp.",
"Source" : [{
"id" : "1",
"url" : "http://ecn.t0.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
}, {
"id" : "2",
"url" : "http://ecn.t1.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
}, {
"id" : "3",
"url" : "http://ecn.t2.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
}, {
"id" : "4",
"url" : "http://ecn.t3.tiles.virtualearth.net/tiles/r{QUAD}?g=685&mkt=de-de&lbl=l1&stl=h&shading=hill&n=z"
}
]
}

]
}
},
"MapLayerStacks":
[
{  "name": "Default",
"MapLayer":
[
{  "name": "layer1",
"refMapProvider": "BING",
"opacity": "1.0",
"colBkgnd": "RGB(255,255,255)"
}
]
}
]
};

var oVBI = new sap.ui.vbm.GeoMap('vbi', {
width : vbi_width(),
height: vbi_height(),
resources: [
                    new sap.ui.vbm.Resource( "pin_blue.png", 
                      { "value": "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" } ),
],
vos: [
new sap.ui.vbm.Spots( "spots1", {
click: onClickSpots,
contextMenu: onContextMenuSpot,
// bind to an array in the model
items: {
path : "/Spots",
template: new sap.ui.vbm.Spot(  { text: '{key}', position: '{pos}', tooltip: '{tooltip}', image: '{pin}', click: onClickSpot, contextMenu: onContextMenuSpot }  )
}
}),
new sap.ui.vbm.Circles( "circles", {
click: onClickItem.bind("Circles onClickItem" ),
contextMenu: onContextMenuItem.bind( "Circles onContextMenuItem" ),
// bind to an array in the model
items: {
path : "/Circles",
template: new sap.ui.vbm.Circle(  { position: '{pos}', tooltip: '{tooltip}', color: 'RGB(0,0,120)', colorBorder: 'RGB(0,0,255)', click: onClickItem.bind( "Circle"),  contextMenu: onContextMenuItem.bind( "Circle" ) } )
}
}),
new sap.ui.vbm.GeoCircles( "geocircles", {
click: onClickItem.bind("GeoCircles onClickItem" ),
contextMenu: onContextMenuItem.bind( "GeoCircles onContextMenuItem" ),
// explicitly specify
items:  []
}),
// single instance item
new sap.ui.vbm.Routes( "routes", {
click: onClickItem.bind("Routes onClickItem" ),
contextMenu: onContextMenuItem.bind( "Routes onContextMenuItem" ),
// explicitly specified
items:  []
}),
// single instance item
new sap.ui.vbm.Areas("areas", {
click: onClickItem.bind("Areas onClickItem"),
contextMenu: onContextMenuItem.bind("Areas onContextMenuItem"),
// explicitly specified
items: []
}),
// single instance item
new sap.ui.vbm.Boxes("boxes", {
click: onClickItem.bind("Boxes onClickItem"),
contextMenu: onContextMenuItem.bind("Boxes onContextMenuItem"),
// explicitly specified
items: []
}),
// single instance item
new sap.ui.vbm.Pies("pies", {
click: onClickItem.bind("Pies onClickItem"),
contextMenu: onContextMenuItem.bind("Pies onContextMenuItem"),
// explicitly specified
items: []
})
],
mapConfiguration: conf
});
window.onresize = function(event) {
var offset = document.documentElement.clientWidth - 15;
$("#vbi-content").width(offset + 'px');
$("#vbi-main").width(offset + 'px');
offset = document.documentElement.clientHeight - 40;
$("#vbi-content").height(offset + 'px');
$("#vbi-main").height(offset + 'px');
};
oVBI.placeAt("vbi-content");
var myspot = new sap.ui.vbm.Spot({
text: '',
position: '8.54452 ;50.10087 ;0',
tooltip: '\x20DEPOT:\r\n\x201000,\x20FRANKFURT\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\x20Hostatostraße\x2025\n\x20DE\x2065929\x20Frankfurt am Main',
image: 'pin_blue.png',
click: onClickSpot,
contextMenu: onContextMenuSpot });
$.grep(oVBI.getVos(),function(e){ return e.sId == 'spots1' })[0].addItem(myspot)
oVBI.getVos( );
</script>
</head>
<body class='sapUiBody'>
<div id="vbi-content" style="top: 1px; bottom 1px; left: 1px; right: 1px"></div>
</body>
</html>

Kind Regards

Christian

[former_member182119 · Accepted solution]

Hello Christian,

The difference between your code and the example I gave the "MapProviders.Set". You have to omit it! You simple pass an array of MapProvider and one of MapLayerStacks.

Best regards,

Uwe

[parconcb]

Thank you Uwe!

Switching the provider works now.

How do i set up further Initial Config?

Do i have to use the json config string like in vbi as well?

I want to set the Initial Geo Position and Events for Drag&Drop.

At the moment i managed to set the start position with the following code during onLoad Event.

But this is not very smooth. Do i have the possibility to set the initial zoom during instantiation of the GeoMap?

window.setTimeout("oVBI.zoomToGeoPosition('-75.0363725','41.0489995', 8);",1);

And one further question:

Is it possible to install the sapui5 library (including vbi) into the mime repository of an older sap release?

Kind Regards

Christian

[former_member182119]

Hello Christian,

Setting the initial position and zoom will be supported with 1.28.4. Drag and Drop support in GeoMap is a topic for the next release.

Cheers Uwe

[former_member197827]

Hi Uwe Reimitz,

Can you Please help me on the issue relared to geomaps? below is the thred which is yet to be resolved

Thanks and Regards,

Sagar M Patil