serverUrl and serverKey for map component in mashup using nebula.js

[aimade]

Hi everyone, I have been trying to explore different options to create mashups, I ended up using nebula.js, till now everything is working fine except the map component from @nebula.js/sn-map , I dont know what are these values :

n.render({

    element: document.querySelector(".object"),

    type: 'map',

    id: "graphic ID",

    options: {

      configuration: { serverUrl: ?????, serverKey: ???? }

    },

  });

Thank you

[JensJakobsson · Accepted solution]

Hey!

The serverUrl and serverKey are optional settings if you're hosting your own map server. Like their names suggests the serverUrl is the url to your map server and serverKey is the key for accessing it. GeoAnalytics works similarly, I will link some documentation incase you're familiar with GeoAnalytics.
https://help.qlik.com/en-US/geoanalytics/Content/Qlik_GeoAnalytics/GeoAnalytics-Server/Installing-Ge...

If you don't have a map server you can add a Background layer (GeodataLayer) to the sn-map with an url to an image, Tile Map Service (tms) or Web Map Service (wms). Here is an example for sn-map. It uses a GeodataLayer with a free tms from openstreet map.
https://github.com/qlik-oss/sn-map/blob/main/docs/examples.md#point-and-geodata-layer

These properties are the interesting ones:

   {
      type: 'GeodataLayer',
      dataType: 'tms',
      tms: {
        url: 'https://tile.openstreetmap.org/${z}/${x}/${y}.png',
        attribution: ,
        auto: true,
        tileSize: 256,
        tileWidth: 40075016,
        tileHeight: 40075016,
        originLeft: -20037508,
        originTop: 20037508
      },
      id: 'bKgjAA'
    }

Hope that help!