@kalisio/kdk 2.1.8 → 2.2.0

package/map/client/i18n/map_fr.json

@@ -1,6 +1,12 @@
 {
   "CLOSE": "Fermer",
   "SEARCH": "Rechercher",
+  "LAYERS_LABEL": "Mes données",
+  "VIEWS_LABEL": "Mes vues",
+  "PROJECTS_LABEL": "Mes projets",
+  "CATALOG_LABEL": "Catalogue",
+  "PROJECT_LAYERS_LABEL": "Données",
+  "PROJECT_VIEWS_LABEL": "Vues",
   "errors": {
     "GEOLOCATION_NOT_SUPPORTED": "La géolocalisation ne semble pas disponible sur votre appareil ou navigateur.",
     "GEOLOCATION_ERROR": "Il nous est impossible de déterminer votre position, cela peut affecter certaines fonctionnalités de l'application.",
@@ -17,6 +23,20 @@
     "INVALID_GPX_FILE": "{file} n'est pas un fichier GPX valide",
     "INVALID_KML_FILE": "{file} n'est pas un fichier KML valide"
   },
+  "utils": {
+    "layers": {
+      "INVALID_FEATURES_DIALOG_TITLE": "Elements invalides",
+      "INVALID_FEATURES_DIALOG_MESSAGE": "Votre couche comporte {total} éléments dont la géométrie est invalide (e.g. auto-intersection). En conséquence ces éléments seront supprimés avant la sauvegarde.",
+      "DOWNLOAD_INVALID_FEATURES_LABEL": "En sélectionnant cette option vos éléments invalides seront exportés dans un fichier avant l'enregistrement",
+      "INVALID_FEATURES_FILE": "ElementsInvalides.geojson",
+      "SAVING_LABEL": "Veuillez patienter pendant l'enregistrement des données,</br>{processed} éléments traités sur {total}",
+      "SAVE_DIALOG_TITLE": "Tuilage de la couche {layer}",
+      "SAVE_DIALOG_MESSAGE": "Votre couche comportant de trop nombreux éléments a été optimisée pour un affichage fluide.</br>En conséquence elle ne sera visible qu'à une échelle locale à partir d'un certain niveau de zoom.",
+      "REMOVING_LABEL": "Veuillez patienter pendant la suppression des données",
+      "REMOVE_DIALOG_TITLE": "Supprimer {layer} ?",
+      "REMOVE_DIALOG_MESSAGE": "Etes vous sûr de vouloir supprimer {layer} de votre espace de travail ?"
+    }
+  },
   "mixins": {
     "fileLayers": {
       "IMPORTED_DATA_NAME": "Mes données"
@@ -25,15 +45,7 @@
       "CONVERT_UNITS": "Cliquer pour changer d'unité"
     },
     "activity": {
-      "ADD_LAYER": "Ajouter une nouvelle couche",
-      "SAVE_LABEL": "Sauvegarder la couche",
-      "SAVING_LABEL": "Veuillez patienter pendant l'enregistrement des données,</br>{processed} éléments traités sur {total}",
-      "INVALID_FEATURES_DIALOG_TITLE": "Elements invalides",
-      "INVALID_FEATURES_DIALOG_MESSAGE": "Votre couche comporte {features.length} éléments dont la géométrie est invalide (e.g. auto-intersection). En conséquence ces éléments seront supprimés avant la sauvegarde.",
-      "DOWNLOAD_INVALID_FEATURES_LABEL": "En sélectionnant cette option vos éléments invalides seront exportés dans un fichier avant l'enregistrement",
-      "INVALID_FEATURES_FILE": "ElementsInvalides.geojson",
-      "SAVE_DIALOG_TITLE": "Tuilage de la couche {layer}",
-      "SAVE_DIALOG_MESSAGE": "Votre couche comportant de trop nombreux éléments a été optimisée pour un affichage fluide.</br>En conséquence elle ne sera visible qu'à une échelle locale à partir d'un certain niveau de zoom.",
+      "ADD_LAYER": "Ajouter une couche",
       "EDIT_LABEL": "Editer les propriétés",
       "EDIT_LAYER_STYLE_LABEL": "Editer le style",
       "FILTER_DATA_LABEL": "Filtrer les données",
@@ -42,10 +54,6 @@
       "START_EDIT_DATA_LABEL": "Editer les données",
       "STOP_EDIT_DATA_LABEL": "Clôturer l'édition des données",
       "EDITING_DATA_MESSAGE": "Edition en cours",
-      "REMOVE_LABEL": "Supprimer",
-      "REMOVING_LABEL": "Veuillez patienter pendant la suppression des données",
-      "REMOVE_DIALOG_TITLE": "Supprimer {layer} ?",
-      "REMOVE_DIALOG_MESSAGE": "Etes vous sûr de vouloir supprimer {layer} de votre espace de travail ?",
       "ZOOM_TO_LABEL": "Zoomer sur",
       "ZOOM_IN": "Zoomer",
       "ZOOM_OUT": "Dézoomer",
@@ -64,12 +72,17 @@
       "DISPLAY_LEGEND": "Afficher la légende",
       "HIDE_LEGEND": "Masquer la légende",
       "SEARCH_LOCATION": "Rechercher un lieu",
+      "ADD_VIEW": "Ajouter une vue",
       "CREATE_VIEW": "Créer une vue",
+      "CREATE_PROJECT": "Créer un projet",
+      "MANAGE_PROJECT": "Gérer le projet",
       "SYNCHRONIZE_TIMELINE_LABEL": "Synchroniser temporellement",
       "TOOLS": "Outils",
       "SAVE_LAYER_EDITION_CHANGES": "Sauver les changements apportés",
       "DISCARD_LAYER_EDITION_CHANGES": "Rejeter les changements apportés",
-      "CAPTURE_VIEW": "Capturer la vue"
+      "CAPTURE_VIEW": "Capturer la vue",
+      "SAVE_LABEL": "Sauvegarder la couche",
+      "REMOVE_LABEL": "Supprimer"
     },
     "timeseries": {
       "FORECAST_PROBE": "Prévisions"
@@ -190,10 +203,6 @@
     "POPUP": "Vous êtes à moins de {distance} {unit} de ce point",
     "OUTSIDE_MAP_BOUNDS": "Vous semblez localisé en dehors de la carte"
   },
-  "geocoders": {
-    "BAN": "BAN",
-    "NOMINATIN": "Nominatin"
-  },
   "schemas": {
     "CATALOG_CREATE_TITLE": "Créer une nouvelles couche de données",
     "CATALOG_NAME_FIELD_LABEL": "Saisissez le nom de la nouvelle couche",
@@ -205,16 +214,38 @@
     "LAYER_CATEGORY_ICON_FIELD_LABEL": "Choisissez une icône pour la catégorie",
     "LAYER_CATEGORY_LAYERS_FIELD_LABEL": "Sélectionnez les couches dans cette catégorie",
     "LAYER_CATEGORY_EXCLUSIVE_FIELD_LABEL": "Rendre la sélection exclusive au sein de la catégorie",
+    "PROJECT_CREATE_TITLE": "Créer un nouveau projet ?",
+    "PROJECT_NAME_FIELD_LABEL": "Saisissez le nom du projet",
+    "PROJECT_DESCRIPTION_FIELD_LABEL": "Saisissez la description du projet",
+    "PROJECT_LAYERS_FIELD_LABEL": "Sélectionnez les couches dans ce projet",
+    "PROJECT_VIEWS_FIELD_LABEL": "Sélectionnez les vues dans ce projet",
+    "PROJECT_INDENTIFIER_FIELD_LABEL": "Saisissez l'identifiant du projet pour les applications tierces",
     "MAP_SETTINGS": "Paramètres cartographiques",
     "RESTORE_VIEW_FIELD_LABEL": "Sauvegarder l'emprise courante",
     "RESTORE_LAYERS_FIELD_LABEL": "Sauvegarder les couches actives",
     "LOCATION_FORMAT_LABEL": "Format de coordonnées",
-    "LOCATION_FORMAT_HELPER": "<a target='_blank' href='https://github.com/nerik/formatcoords#formatting'>&#x1F6C8;</a>",
     "TIMELINE_SETTINGS": "Paramètrage du sélecteur temporel",
     "TIMELINE_STEP": "Pas du sélécteur temporel, en minutes",
     "TIMELINE_INTERVAL": "Fréquence de rafraichissement des données en temps-réel",
     "TIMESERIES_SETTINGS": "Paramètrage des séries temporelles",
-    "TIMESERIES_SPAN": "Intervalle des séries temporelles, en heures"
+    "TIMESERIES_SPAN": "Intervalle des séries temporelles, en heures",
+    "CAPTURE_RESOLUTION_FIELD_LABEL": "Paramétrez la résolution",
+    "CAPTURE_HEADER_FIELD_LABEL": "Paramétrez le titre",
+    "CAPTURE_FOOTER_FIELD_LABEL": "Paramétrez le pied de page",
+    "CAPTURE_NOT_DISPLAYED_FIELD_LABEL": "Ne pas afficher",
+    "CAPTURE_LEGEND_POSITION_FIELD_LABEL": "Paramétrez la position de la légende",
+    "CAPTURE_LEFT_POSITION_FIELD_LABEL": " Afficher à gauche",
+    "CAPTURE_RIGHT_POSITION_FIELD_LABEL": " Afficher à droite",
+    "CAPTURE_COMPASS_POSITION_FIELD_LABEL": "Paramétrez la position de la boussole",
+    "CAPTURE_TOP_LEFT_POSITION_FIELD_LABEL": "Afficher en haut à gauche",
+    "CAPTURE_TOP_RIGHT_POSITION_FIELD_LABEL": "Afficher en haut à droite",
+    "CAPTURE_BOTTOM_RIGHT_POSITION_FIELD_LABEL": "Afficher en bas à droite",
+    "CAPTURE_BOTTOM_LEFT_POSITION_FIELD_LABEL": "Afficher en bas à gauche",
+    "CAPTURE_ADVANCED_SETTINGS": "Paramètres avancés",
+    "CAPTURE_DATETIME_RANGE_FIELD_LABEL": "Paramétrez l'intervalle de temps",
+    "CAPTURE_FORMAT_FIELD_LABEL": "Sélectionnez le format de fichier",
+    "CAPTURE_PDF_FORMAT_FIELD_LABEL": "PDF",
+    "CAPTURE_PNG_FORMAT_FIELD_LABEL": "PNG"
   },
   "tours": {
     "navigation-bar": {
@@ -281,17 +312,16 @@
     "timeline": {
       "TIMELINE_LABEL": "La ligne de temps permet d'accéder aux actions relative à la temporalité des données affichées.",
       "DATE_LABEL": "Sélectionnez n'importe quelle date via ce bouton.",
-      "NOW_LABEL": "Suivez le temps courant via ce bouton.",
-      "NEXT_STEP_LABEL": "Avancez dans le temps tel que configuré dans vos paramètres.",
-      "PREVIOUS_STEP_LABEL": "Reculez dans le temps tel que configuré dans vos paramètres.",
-      "SETTINGS_LINK_LABEL": "Mettre à jour vos paramètres dans le menu principal",
-      "PICK_MINUTES_LABEL": "Modifiez les minutes du temps courant.",
+      "PICK_DAY_LABEL": "Choisissez directement un jour.",
+      "PICK_TIMES_LABEL": "Ou choisissez directement l'horaire.",
+      "NOW_LABEL": "Activez le temps courant via ce bouton.",
+      "STEP_LABEL": "Mettre à jour le pas via ce bouton.",
+      "NEXT_STEP_LABEL": "Avancez dans le temps selon le pas configuré.",
+      "PREVIOUS_STEP_LABEL": "Reculez dans le temps selon le pas configuré.",
       "NEXT_HOUR_LABEL": "Avancez dans le temps d'une heure.",
       "PREVIOUS_HOUR_LABEL": "Reculez dans le temps d'une heure.",
-      "PICK_HOUR_LABEL": "Ou choisissez directement l'horaire.",
       "NEXT_DAY_LABEL": "Avancez dans le temps d'un jour.",
-      "PREVIOUS_DAY_LABEL": "Reculez dans le temps d'un jour.",
-      "PICK_DAY_LABEL": "Ou choisissez directement un jour."
+      "PREVIOUS_DAY_LABEL": "Reculez dans le temps d'un jour."
     },
     "fab": {
       "PROBE_LABEL": "Sonder les prévision météorologiques à la position de votre choix.",
@@ -348,16 +378,19 @@
     "UNSUPPORTED_LAYER_CRS": "La projection utilisée par cette couche n'est pas supportée.",
     "UNSUPPORTED_LAYER_FORMAT": "Le format de données utilisé par cette couche n'est pas supporté."
   },
+  "KSelectViewsField": {
+    "EMPTY": "Aucune disponible"
+  },
   "KLocationSearch": {
     "SEARCH": "@:SEARCH",
-    "NO_RESULTS": "@:EMPTY",
+    "NO_RESULT": "Aucun résultat trouvé",
     "FILTER": "Filtrer les services de recherche",
     "GEOLOCATE": "Me localiser",
     "EDIT": "Editer sur une carte"
   },
   "KLocationField": {
     "SEARCH": "@:SEARCH",
-    "NO_RESULTS": "@:EMPTY",
+    "NO_RESULT": "Aucun résultat trouvé",
     "FILTER": "Filtrer les services de recherche",
     "GEOLOCATE": "Me localiser",
     "DRAW": "Dessiner sur une carte"
@@ -404,7 +437,19 @@
   "KViewsPanel": {
     "SORT_VIEWS": "Trier les vues",
     "REMOVE_VIEW": "@:REMOVE",
-    "SET_HOME_VIEW": "Définir comme vue par défaut"
+    "SET_HOME_VIEW": "Définir comme vue par défaut",
+    "REMOVE_DIALOG_TITLE": "Supprimer {view} ?",
+    "REMOVE_DIALOG_MESSAGE": "Etes vous sûr de vouloir supprimer {view} de votre espace de travail ?"
+  },
+  "KProjectsPanel": {
+    "SORT_PROJECTS": "Trier les projets",
+    "EDIT_PROJECT": "@:EDIT",
+    "REMOVE_PROJECT": "@:REMOVE",
+    "REMOVE_DIALOG_TITLE": "Supprimer {project} ?",
+    "REMOVE_DIALOG_MESSAGE": "Etes vous sûr de vouloir supprimer {project} de votre espace de travail ?"
+  },
+  "KProjectEditor": {
+    "BACKGROUND_LAYER_REQUIRED": "Un projet doit au moins contenir un fond cartographique."
   }, 
   "KFeaturesFilter": {
     "TITLE": "Filtre des données de la couche",
@@ -454,21 +499,33 @@
     "POINTS": "Icônes",
     "LINES": "Lignes",
     "POLYGONS": "Polygones",
-    "DEFAULT_POINT_STYLE": "Icône par défaut",
-    "POINT_CLUSTERING": "Regrouper les icônes jusqu'au niveau",
-    "ADD_POINT_STYLE": "Sélectionnez une propriété à associer à une icône",
-    "REMOVE_POINT_STYLE": "Supprimer l'icône associée à cette valeur",
+    "DEFAULT_ICON_STYLE": "Icône par défaut",
+    "DEFAULT_POINT_STYLE": "Style de point par défaut",
+    "PROPERTY_ICON_STYLE": "Icône",
+    "PROPERTY_POINT_STYLE": "Point",
+    "ICON_SIZE": " taille",
+    "POINT_SIZE": " taille",
+    "POINT_SHAPE": " forme",
+    "WHEN_PROPERTY_IS_POINT_STYLE": "lorsque {property}",
+    "POINT_CLUSTERING": "Regrouper jusqu'au niveau",
+    "ADD_POINT_STYLE": "Ajouter un style pour une valeur de",
+    "REMOVE_POINT_STYLE": "Supprimer le style associé à cette valeur",
     "DEFAULT_LINE_STYLE": "Style de ligne par défaut",
-    "LINE_WIDTH": "Largeur ",
-    "LINE_OPACITY": "Opacité ",
-    "ADD_LINE_STYLE": "Sélectionnez une propriété à associer à un style",
+    "PROPERTY_LINE_STYLE": "Style de ligne",
+    "WHEN_PROPERTY_IS_LINE_STYLE": "lorsque {property}",
+    "LINE_WIDTH": "largeur ",
+    "LINE_OPACITY": "opacité ",
+    "ADD_LINE_STYLE": "Ajouter un style pour une valeur de",
     "REMOVE_LINE_STYLE": "Supprimer le style associée à cette valeur",
     "DEFAULT_POLYGON_LINE_STYLE": "Style de contour par défaut",
     "DEFAULT_POLYGON_FILL_STYLE": "Style de remplissage par défaut",
-    "POLYGON_LINE_WIDTH": "Largeur ",
-    "POLYGON_LINE_OPACITY": "Opacité ",
-    "POLYGON_FILL_OPACITY": "Opacité ",
-    "ADD_POLYGON_STYLE": "Sélectionnez une propriété à associer à un style",
+    "PROPERTY_POLYGON_LINE_STYLE": "Contour",
+    "PROPERTY_POLYGON_FILL_STYLE": "Remplisssage",
+    "WHEN_PROPERTY_IS_POLYGON_STYLE": "lorsque {property}",
+    "POLYGON_LINE_WIDTH": "largeur ",
+    "POLYGON_LINE_OPACITY": "opacité ",
+    "POLYGON_FILL_OPACITY": "opacité ",
+    "ADD_POLYGON_STYLE": "Ajouter un style pour une valeur de",
     "REMOVE_POLYGON_STYLE": "Supprimer le style associée à cette valeur",
     "POPUP": "Bulle contextuelle",
     "ADD_POPUP": "Sélectionnez des propriétés à afficher dans la bulle",
@@ -478,10 +535,10 @@
     "ADD_INFOBOX": "Sélectionnez des propriétés à afficher dans la boîte",
     "IN": "parmis",
     "NOT_IN": "différent(e) de",
-    "EQUAL": "égal(e) à",
-    "NOT_EQUAL": "différent(e) de",
-    "GREATER_THAN": "supérieur(e) à",
-    "LOWER_THAN": "inférieur(e) à"
+    "EQUAL": "est",
+    "NOT_EQUAL": "n'est pas",
+    "GREATER_THAN": ">",
+    "LOWER_THAN": "<"
   },
   "KLayerStyleEditor": {
     "EDIT_LAYER_STYLE_TITLE": "Editer le style de la couche"
@@ -495,16 +552,6 @@
     "ARCHIVES_LABEL": "Archives",
     "NO_MODEL_AVAILABLE": "Aucun modèle disponible"
   },
-  "KTimeline": {
-    "PREVIOUS_DAY": "Jour précédent",
-    "NEXT_DAY": "Jour suivant ",
-    "PREVIOUS_HOUR": "Heure précédente",
-    "NEXT_HOUR": "Heure suivante",
-    "PREVIOUS_STEP": "Pas précédent",
-    "NEXT_STEP": "Pas suivant",
-    "SET_NOW": "Temps réel",
-    "SET_DATE": "Aller à une date"
-  },
   "KInformationBox": {
     "LABEL": "Boîte d'information",
     "NO_FEATURE_PROPERTIES": "Aucune information disponible",
@@ -538,11 +585,16 @@
   },
   "KAddLayer": {
     "TITLE": "Ajouter une nouvelle couche",
+    "PROJECT_TITLE": "Sélectionner les couches",
     "NAME_FIELD_LABEL": "Saisissez le nom de la nouvelle couche",
     "DESCRIPTION_FIELD_LABEL": "Saisissez une description de la nouvelle couche",
     "CATEGORY_FIELD_LABEL": "Sélectionnez ou saisissez une catégorie",
     "FEATURE_ID_FIELD_LABEL": "Saisissez un identifiant unique"
   },
+  "KSelectLayers": {
+    "LAYERS_FIELD_LABEL": "Choisissez les couches du projet",
+    "SELECT_BUTTON": "Sélectionner"
+  },
   "KImportLayer": {
     "FILE_FIELD_LABEL": "Sélectionnez le fichier à importer",
     "NAME_FIELD_LABEL": "@:KAddLayer.NAME_FIELD_LABEL",
@@ -569,12 +621,25 @@
     "CATEGORY_FIELD_LABEL": "@:KAddLayer.CATEGORY_FIELD_LABEL",    
     "CREATE_BUTTON": "Créer"
   },
+  "KAddView": {
+    "TITLE": "Ajouter une vue",
+    "PROJECT_TITLE": "Sélectionner les vues"
+  },
+  "KSelectViews": {
+    "VIEWS_FIELD_LABEL": "Choisissez les vues du projets",
+    "SELECT_BUTTON": "Sélectionner"
+  },
   "KCreateView": {
     "MODAL_TITLE": "Créer une nouvelle vue ?",
     "NAME_FIELD_LABEL": "Saisissez le nom de la vue",
     "DESCRIPTION_FIELD_LABEL": "Saisissez la description de la vue",
     "LAYERS_FIELD_LABEL": "Sauvegarder les couches actives"
   },
+  "KCreateProject": {
+    "MODAL_TITLE": "Créer un nouveau projet ?",
+    "NAME_FIELD_LABEL": "Saisissez le nom du projet",
+    "DESCRIPTION_FIELD_LABEL": "Saisissez la description du projet"
+  },
   "KLayerEditionToolbar": {
     "ADD_POLYGON_FEATURES": "Ajouter des entités polygonales",
     "ADD_RECTANGLE_FEATURES": "Ajouter des entités rectangulaires",
@@ -586,23 +651,10 @@
     "ROTATE_FEATURES": "Tourner des entités",
     "REMOVE_FEATURES": "Effacer des entités"
   },
-  "KCaptureToolbar": {
-    "SD_LABEL": "Définition Standard",
-    "SD_DESCRIPTION": "4:3, 640 x 480",
-    "HD_LABEL": "Haute Définition",
-    "HD_DESCRIPTION": "16:9, 1280 x 720",
-    "FHD_LABEL": "Full HD",
-    "FHD_DESCRIPTION": "16:9, 1920 x 1080",
-    "QHD_LABEL": "Quad HD",
-    "QHD_DESCRIPTION": "16:9, 2560 x 1440",
-    "2K_LABEL": "2K",
-    "2K_DESCRIPTION": "1:1.77, 2048 x 1080",
-    "4K_LABEL": "4K ou Ultra HD",
-    "4K_DESCRIPTION": "1:1.9, 3840 x 2160",
-    "8K_LABEL": "8K ou Full Ultra HD",
-    "8K_DESCRIPTION": "16∶9, 7680 x 4320",
+  "KCapture": {
     "CAPTURE_ACTION": "Capturer la vue",
-    "CAPTURING_VIEW": "En attente de capture de la vue"
+    "CAPTURING_VIEW": "En attente de capture de la vue",
+    "ERROR_MESSAGE": "Une capture est déjà en cours"
   },
   "KMeasureTool": {
     "TOOL_BUTTON_LABEL": "Afficher l'outil de mesures",

package/map/client/index.js

@@ -8,11 +8,14 @@ import init from './init.js'
 const mixins = Object.assign({}, commonMixins, { map: mapMixins, globe: globeMixins })
 
 export * from './geolocation.js'
+export * from './capture.js'
+export * from './planets.js'
 export * from './canvas-draw-context.js'
 export { utils }
 export { elevationUtils }
 export { composables }
 export { mixins }
 export * from '../common/index.js'
+export * from './init.js'
 
 export default init

package/map/client/init.js

@@ -5,6 +5,7 @@ import logger from 'loglevel'
 import { memory } from '@feathersjs/memory'
 import { Store, Reader, utils as kCoreUtils } from '../../core/client/index.js'
 import { Geolocation } from './geolocation.js'
+import { Planets } from './planets.js'
 import * as readers from './readers/index.js'
 
 function siftMatcher (originalQuery) {
@@ -14,6 +15,21 @@ function siftMatcher (originalQuery) {
   return _.omit(originalQuery, ...keysToOmit)
 }
 
+// Decorate core API with some of the required features for map
+export function setupApi (configuration) {
+  const api = this
+  // We need to implement time management as our api is sometimes used
+  // by layers expecting a Weacast interface
+  api.setForecastTime = (time) => {
+    api.forecastTime = time
+    api.emit('forecast-time-changed', time)
+  }
+  api.getForecastTime = () => {
+    return api.forecastTime
+  }
+  return api
+}
+
 export default async function init () {
   const api = this
 
@@ -35,6 +51,7 @@ export default async function init () {
 
   // Initialize singletons that might be used globally first
   Geolocation.initialize()
+  Planets.initialize()
 
   // Then, create the models listened by the different components
   // You must use the patch method on the store to update those models

package/map/client/leaflet/GSMaPLayer.js

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 import L from 'leaflet'
 import moment from 'moment'
-import { buildColorMap } from '../utils.js'
+import { utils as kdkCoreUtils } from '../../../core.client.js'
 
 const GSMaPLayer = L.TileLayer.extend({
   initialize (options) {
@@ -14,36 +14,35 @@ const GSMaPLayer = L.TileLayer.extend({
     L.TileLayer.prototype.initialize.call(this, url, updatedOptions)
 
     // colormap legend support
-    this.colorMap = buildColorMap(_.get(options, 'chromajs'))
-    if (this.colorMap) {
-      this.on('tileload', (event) => {
-        if (!this.hasData) {
-          this.fire('data')
-          this.hasData = true
-        }
-      })
+    const colorMapOptions = options.chromajs
+    if (colorMapOptions) {
+      this.colorMap = kdkCoreUtils.buildColorScale(colorMapOptions)
+      if (this.colorMap) {
+        this.on('tileload', (event) => {
+          if (!this.hasData) {
+            this.fire('data')
+            this.hasData = true
+          }
+        })
+      }
     }
   },
 
   makeUrl (time) {
     const t = time || moment()
-
     // data interval is every half hour for GSMaP_NOW
     const halfHour = moment.duration(30, 'minutes')
     const stepTime = moment(Math.trunc(t / halfHour) * halfHour).utc()
-
-    const baseUrl = 'https://sharaku.eorc.jaxa.jp/cgi-bin/trmm/GSMaP_NOW/tilemap/tile_'
+    const baseUrl = 'https://sharaku.eorc.jaxa.jp/cgi-bin/trmm/GSMaP_NOW/tilemap/'
     const timeQuery = `year=${stepTime.year()}&month=${stepTime.month() + 1}&day=${stepTime.date()}&hour=${stepTime.hour()}&min=${stepTime.minute()}&z={z}&x={x}&y={y}`
-
     if (this.product === 'rain12' || this.product === 'rain24' || this.product === 'rain72') {
-      return baseUrl + `total.py?prod=${this.product}&` + timeQuery
+      return baseUrl + `tile_total.py?prod=${this.product}&` + timeQuery
     }
     if (this.product === 'ir') {
-      return baseUrl + `ir.py?prod=${this.product}&` + timeQuery
+      return baseUrl + `gsmapnow_tile_ir.py?prod=${this.product}&` + timeQuery
     }
-
     // default product is rain
-    return baseUrl + 'rain.py?prod=rain&' + timeQuery
+    return baseUrl + 'tile_rain.py?prod=rain&' + timeQuery
   },
 
   setCurrentTime (time) {

package/map/client/leaflet/ShapeMarker.js

@@ -0,0 +1,40 @@
+import _ from 'lodash'
+import logger from 'loglevel'
+import L from 'leaflet'
+import { utils as coreUtils } from '../../../core/client/index.js'
+
+export const ShapeMarker = L.Marker.extend({
+
+  // Constructor
+  initialize (latlng, options) {
+    const shape = coreUtils.createShape(options)
+    if (shape) {
+      L.Marker.prototype.initialize.call(this, latlng, {
+        icon: L.divIcon({
+          iconSize: [shape.width, shape.height],
+          iconAnchor: this.getAnchor(shape.anchor, shape.size),
+          popupAnchor: [0, -shape.height / 2],
+          html: shape.html,
+          className: ''
+        }),
+        // forward extra options for different purposes, i.e. clustering
+        ..._.get(options, 'options', {})  
+      })
+    } else {
+      logger.warn(`[KDK] unable to create the shape with the options: ${options}` )
+    }
+  },
+
+  getAnchor (position, size) {
+    if (position === 'top-left') return [0, 0]
+    if (position === 'top-center') return [size.width / 2, 0]
+    if (position === 'top-right') return [size.width, 0]
+    if (position === 'middle-left') return [0, size.height / 2]
+    if (position === 'middle-right') return [size.width, size.height / 2]
+    if (position === 'middle-left') return [0, size.height / 2]
+    if (position === 'bottom-left') return [0, size.height]
+    if (position === 'bottom-center') return [size.width / 2, size.height]
+    if (position === 'bottom-right') return [size.width, size.height]
+    return [size.width / 2, size.height / 2]
+  }
+})

package/map/client/leaflet/TiledFeatureLayer.js

@@ -4,7 +4,7 @@ import logger from 'loglevel'
 import bbox from '@turf/bbox'
 import { featureEach } from '@turf/meta'
 import { featureCollection } from '@turf/helpers'
-import { tile2key, getParentTileInTileSet } from './utils.js'
+import { tile2key, getParentTileInTileSet } from './utils/utils.tiles.js'
 import { getFeatureId } from '../utils.js'
 
 const TiledFeatureLayer = L.GridLayer.extend({

package/map/client/leaflet/TiledMeshLayer.js

@@ -1,10 +1,11 @@
 import _ from 'lodash'
+import logger from 'loglevel'
 import L from 'leaflet'
 import chroma from 'chroma-js'
 import * as PIXI from 'pixi.js'
 import 'leaflet-pixi-overlay'
 import 'abort-controller/polyfill.js'
-
+import { utils as kdkCoreUtils } from '../../../core.client.js'
 import { buildColorMapShaderCodeFromClasses, buildColorMapShaderCodeFromDomain, buildShaderCode, WEBGL_FUNCTIONS } from '../pixi-utils.js'
 
 const TiledMeshLayer = L.GridLayer.extend({
@@ -177,7 +178,7 @@ const TiledMeshLayer = L.GridLayer.extend({
         done(null, tile)
       })
       .catch(err => {
-        console.log(err)
+        logger.error(err)
         done(err, tile)
       })
 
@@ -286,29 +287,24 @@ const TiledMeshLayer = L.GridLayer.extend({
     this.colorMap = null
     this.colorMapShaderCode = null
 
-    let domain = null
-    const classes = _.get(this.conf, 'chromajs.classes', null)
+    const chromajs = _.get(this.conf, 'chromajs')
+    const classes = chromajs.classes
+    let domain
     if (!classes) {
-      domain = _.get(this.conf, 'chromajs.domain', null)
+      domain = chromajs.domain
       if (!domain) {
         domain = this.gridSource.getDataBounds()
       }
     }
-
-    const invert = _.get(this.conf, 'chromajs.invertScale', false)
-    const colors = _.get(this.conf, 'chromajs.scale', null)
-    const scale = chroma.scale(colors)
+    const scale = chroma.scale(chromajs.colors)
     // translate to glsl style colors for shader code
     const glcolors = scale.colors().map(c => chroma(c).gl())
 
+    this.colorMap = kdkCoreUtils.buildColorScale(chromajs)
     if (domain) {
-      this.colorMap = chroma.scale(colors).domain(invert ? domain.slice().reverse() : domain)
-      this.colorMapShaderCode = buildColorMapShaderCodeFromDomain(domain, glcolors, invert)
+      this.colorMapShaderCode = buildColorMapShaderCodeFromDomain(domain, glcolors)
     } else if (classes) {
-      this.colorMap = chroma.scale(colors).classes(invert ? classes.slice().reverse() : classes)
-      this.colorMapShaderCode = buildColorMapShaderCodeFromClasses(classes, glcolors, invert)
-    } else {
-      console.error("Couldn't find any domain or classes to build color map!")
+      this.colorMapShaderCode = buildColorMapShaderCodeFromClasses(classes, glcolors)
     }
   },
 

package/map/client/leaflet/TiledWindLayer.js

@@ -1,8 +1,8 @@
 import _ from 'lodash'
 import L from 'leaflet'
-import chroma from 'chroma-js'
+import { utils as kdkCoreUtils } from '../../../core.client.js'
 
-import { tile2key, tileSetContainsParent } from './utils.js'
+import { tile2key, tileSetContainsParent } from './utils/utils.tiles.js'
 
 const TiledWindLayer = L.GridLayer.extend({
   initialize (options, uSource, vSource) {
@@ -21,13 +21,9 @@ const TiledWindLayer = L.GridLayer.extend({
     // set of loaded leaflet tiles
     this.loadedTiles = new Set()
 
-    // build colormap
-    const domain = _.get(options, 'chromajs.domain', null)
-    const colors = _.get(options, 'chromajs.scale', null)
-    const invert = _.get(options, 'chromajs.invertScale', false)
-    const scale = chroma.scale(colors)
-    this.colorMap = scale.domain(invert ? domain.slice().reverse() : domain)
-
+    // Setup the colormap
+    const chromajs = _.get(options, 'chromajs')
+    this.colorMap = kdkCoreUtils.buildColorScale(chromajs)
     this.uSource = uSource
     this.vSource = vSource
     this.onDataChangedCallback = this.onDataChanged.bind(this)
@@ -41,7 +37,7 @@ const TiledWindLayer = L.GridLayer.extend({
       minVelocity: this.colorMap.domain()[0],
       maxVelocity: this.colorMap.domain()[1],
       velocityScale: 0.01,
-      colorScale: (invert ? this.colorMap.colors().reverse() : this.colorMap.colors()),
+      colorScale: this.colorMap.colors(),
       data: null
     }, options)
     this.velocityLayer = L.velocityLayer(velocityOptions)

package/map/client/leaflet/utils/index.js

@@ -0,0 +1,4 @@
+export * from './utils.events.js'
+export * from './utils.popup.js'
+export * from './utils.style.js'
+export * from './utils.tiles.js'