App config parameters - hslayers/hslayers-ng GitHub Wiki

constructor(private hsConfig: HsConfig) {
this.hsConfig.update({
    default_layers: [
        ...

function hslayersNgConfig(ol) {
  return {
    default_layers: [
        ...

[
     {
        title: "Layman",
        url: `${window.location.protocol}//${window.location.hostname}/layman/client`,
        user: 'browser',
        type: "layman",
        liferayProtocol: 'http'
    },
    {
        title: "Services",
        url: "http://cat.ccss.cz/csw/",
        language: 'eng',
        type: "micka",
        code_list_url: 'http://www.whatstheplan.eu/php/metadata/util/codelists.php? 
       _dc=1440156028103&language=eng&page=1&start=0&limit=25&filter=%5B%7B%22property%22%3A%22label%22%7D%5D'
    },
    {
        title: "Hub layers",
        url: "http://opentnet.eu/php/metadata/csw/",
        language: 'eng',
        type: "micka",
        code_list_url: 'http://opentnet.eu/php/metadata/util/codelists.php? 
        _dc=1440156028103&language=eng&page=1&start=0&limit=25&filter=%5B%7B%22property%22%3A%22label%22%7D%5D'
    }
]

new ol.View({
    center: ol.proj.transform([17.474129, 52.574000], 'EPSG:4326', 'EPSG:3857'), //Latitude longitude    to Spherical Mercator
    zoom: 4,
    units: "m"
})

new ol.layer.Tile({
    title: "Ilida plastics kg/ha per year",
    source: new ol.source.TileWMS({
        url: 'http://gis.lesprojekt.cz/cgi-bin/mapserv?map=/home/dima/maps/ilida/ilida.map',
        params: {
            LAYERS: 'ilida_cultivation_plastics',
            INFO_FORMAT: undefined,
            FORMAT: "image/png",
            ABSTRACT: "Plastic waste in Ilida municipality"
        },
        crossOrigin: "anonymous"
    }),
    path: 'Ilida Thematic Data',
    base: false,
    visible: true,
    opacity: 0.8
})

baseLayers: {
    url: string; //Composition url
    default: string; //Layer name of visible basemap
}

baseLayers: {
    url: 'https://hub.lesprojekt.cz/rest/workspaces/leitnerfilip/maps/corine_layerorder/file', 
    default: 'CORINE Land Cover 2006', 
}

MapSwipeOptions = {
  orientation?: 'vertical' | 'horizontal';
};

mapSwipeOptions: {
        orientation: 'vertical',
      },

{
    compositions: true,
    query: true
    toolbar: false,
    draw: false,
    addData: true,
    layerManager: true,
    legend: true,
    info: true,
    print: true,
    saveMap: true,
    language: true,
    share: true,
    feature_crossfilter: true,
    featureTable: true,
    info: false,
    tracking: false,
    tripPlanner: false,
    mapSwipe: false, //A component for splitting a map into two parts with a slider, allowing the user to display the contents of different layers in 
                     //parallel on top of each other.
    sensors: false,
}

{
      default: 425,
      ows: 700,
      composition_browser: 550,
      addData: 700,
    }

{
    guiOverlay: true, //all GUI components at once
    sidebar: true, //REMOVED in 3.0. REPLACED BY sidebarPosition: 'invisible' //sidebar with UI panels. Visible panels can be set with panelsEnabled 
                   //object,
    info: true,
    toolbar: true, //all toolbars at once: draw, search and measure
    drawToolbar: true, //toolbar to draw/edit features
    searchToolbar: true, //toolbar with search field
    measureToolbar: true, //toolbar to measure distances/areas
    geolocationButton: true, //button which allows to geolocate the user and optionally follow his/her position
    defaultViewButton: true, //button to zoom and pan to an initial extent
    mapControls: true //buttons to zoom in/out and the scale
    basemapGallery: false //Move basemaps list into separate GUI component located in the map
    mapSwipe: false //Enables map-swipe right after app starts
    queryPopup: true, //Enables queryPopup functionality
}

function ($compile, $scope, element) {
    $scope.uploadClicked = function () {
        alert("UPLOAD!")
    }
    var el = angular.element("<li class=\"sidebar-item\" ng-click=\"uploadClicked()\" ><a href=\"#\"><span class=\"menu-icon glyphicon icon-cloudupload\"></span><span class=\"sidebar-item-title\">Upload</span></a></li>");
    element.find('ul').append(el);
    $compile(el)($scope);
}

{
    compositions: 500
}

theme: 'dark'

HsConfig.update({
      queryPopupWidgets: ['layer-name', 'wb-feature-info'],
      customQueryPopupWidgets: [
        {name: 'wb-feature-info', component: WbFeatureInfoComponent},
      ]
..
})

..

@Component({
  selector: 'wb-feature-info',
  templateUrl: './feature-info.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class WbFeatureInfoComponent
  extends HsQueryPopupWidgetBaseComponent
  implements OnInit
{
  layerDescriptor: any;
  attributesForHover: any[] = [];
  name = 'feature-info';
  @Input() data: {
    layerDescriptor: any;
    attributesForHover: any[];
    app: string;
    service: HsQueryPopupServiceModel;
  };
..
}

 domFeatureLink: [
      {
          domSelector: string; 
          feature: string | Feature | Function(layer, domElement); 
          event: string;
          actions: ['zoomToExtent' | 'panToCenter' | 'showPopup', 'hidePopup' | Function(feature, domElement, event)];  
      }
  ]

{
    url: 'http://foodie.lesprojekt.cz:8080',
    user_id: 6, //Needed for senslogOT
    group: 'test', //Needed for MapLogOT
    user: 'test' //Needed for MapLogOT
}

function(url) {
    return new Promise(function(resolve, reject){
        $http.get("http://tinyurl.com/api-create.php?url=" + url, {
            longUrl: url
        }).then(function(response) {
            resolve(response.data);
        }, function(err) {
            reject()
        })
    })
}

translationOverrides: {
    "lv": {
      "open": "atvērt",
      "SENSORS": {
        "Humidity": "Mitrums",
        "Radiation": "Radiāciju",

[{
    layer_ix: 1,
    attributes: ["http://gis.zcu.cz/poi#category_osm"]
}]

enabledLanguages: "lv, cs",

 //Use together with `enabledLanguages` and `translationOverrides`.
  "language": "esp",
  "enabledLanguages": "esp,en,lv",
  "additionalLanguages": {
   "esp": "Espanol"
   }

language: "en",