Merge pull request #1610 from vvlladd28/feacher/add_map_here

Add new map provider HERE

ui/src/app/widget/lib/map-widget2.js

@@ -88,7 +88,10 @@ export default class TbMapWidgetV2 {
 			} else {
                 openStreetMapProvider.name = settings.mapProvider;
 			}
+
 			this.map = new TbOpenStreetMap($element, this.utils, initCallback, this.defaultZoomLevel, this.dontFitMapBounds, minZoomLevel, openStreetMapProvider);
+		} else if (mapProvider === 'here') {
+			this.map = new TbOpenStreetMap($element, this.utils, initCallback, this.defaultZoomLevel, this.dontFitMapBounds, minZoomLevel, settings.mapProvider, settings.credentials);
 		} else if (mapProvider === 'image-map') {
 			this.map = new TbImageMap(this.ctx, $element, this.utils, initCallback,
 				settings.mapImageUrl,
@@ -670,6 +673,8 @@ export default class TbMapWidgetV2 {
 			return imageMapSettingsSchema;
 		} else if (mapProvider === 'tencent-map') {
 			schema = angular.copy(tencentMapSettingsSchema);
+		} else if (mapProvider === 'here') {
+			schema = angular.copy(hereMapSettingsSchema);
 		}
 		angular.merge(schema.schema.properties, commonMapSettingsSchema.schema.properties);
 		schema.schema.required = schema.schema.required.concat(commonMapSettingsSchema.schema.required);
@@ -797,6 +802,62 @@ const tencentMapSettingsSchema =
 		]
 	};
 
+const hereMapSettingsSchema =
+	{
+		"schema": {
+			"title": "HERE Map Configuration",
+			"type": "object",
+			"properties": {
+				"mapProvider": {
+					"title": "Map layer",
+					"type": "string",
+					"default": "HERE.normalDay"
+				},
+				"credentials":{
+					"type": "object",
+					"properties": {
+						"app_id": {
+							"title": "HERE app id",
+							"type": "string"
+						},
+						"app_code": {
+							"title": "HERE app code",
+							"type": "string"
+						}
+					},
+					"required": ["app_id", "app_code"]
+				}
+			},
+			"required": []
+		},
+		"form": [
+			{
+				"key": "mapProvider",
+				"type": "rc-select",
+				"multiple": false,
+				"items": [
+					{
+						"value": "HERE.normalDay",
+						"label": "HERE.normalDay (Default)"
+					},
+					{
+						"value": "HERE.normalNight",
+						"label": "HERE.normalNight"
+					},
+					{
+						"value": "HERE.hybridDay",
+						"label": "HERE.hybridDay"
+					},
+					{
+						"value": "HERE.terrainDay",
+						"label": "HERE.terrainDay"
+					}
+				]
+			},
+			"credentials"
+		]
+	};
+
 const openstreetMapSettingsSchema =
 	{
 		"schema": {

ui/src/app/widget/lib/openstreet-map.js

@@ -19,7 +19,7 @@ import 'leaflet-providers';
 
 export default class TbOpenStreetMap {
 
-	constructor($containerElement, utils, initCallback, defaultZoomLevel, dontFitMapBounds, minZoomLevel, mapProvider) {
+	constructor($containerElement, utils, initCallback, defaultZoomLevel, dontFitMapBounds, minZoomLevel, mapProvider, credentials) {
 
 		this.utils = utils;
 		this.defaultZoomLevel = defaultZoomLevel;
@@ -29,14 +29,18 @@ export default class TbOpenStreetMap {
 
 		if (!mapProvider) {
 			mapProvider = {
-                name: "OpenStreetMap.Mapnik"
+				name: "OpenStreetMap.Mapnik"
 			};
 		}
 
-		this.map = L.map($containerElement[0]).setView([0, 0], this.defaultZoomLevel || 8);
+		if (mapProvider.startsWith("HERE.")) {
+			credentials.app_id = credentials.app_id || "AhM6TzD9ThyK78CT3ptx";
+			credentials.app_code = credentials.app_code || "p6NPiITB3Vv0GMUFnkLOOg";
+		}
 
-		var tileLayer = mapProvider.isCustom ? L.tileLayer(mapProvider.name) : L.tileLayer.provider(mapProvider.name);
+		this.map = L.map($containerElement[0]).setView([0, 0], this.defaultZoomLevel || 8);
 
+		var tileLayer = mapProvider.isCustom ? L.tileLayer(mapProvider.name) : L.tileLayer.provider(mapProvider.name, credentials);
 		tileLayer.addTo(this.map);
 
 		if (initCallback) {