From 40bbe09f0b6f58bb4f2e8e66b48635213279285d Mon Sep 17 00:00:00 2001 From: Mandar Wagh Date: Sat, 27 Sep 2025 00:49:01 +0530 Subject: [PATCH 1/9] WEBSDK-639 Update public examples to use HARP engine --- capture-map-area/demo.html | 10 +- change-harp-style-at-load/demo.css | 11 - change-harp-style-at-load/demo.details | 12 - change-harp-style-at-load/demo.html | 32 - change-harp-style-at-load/demo.js | 39 - change-harp-style-at-load/styles.css | 0 change-style-at-load/data/dark.yaml | 2145 ----------------- change-style-at-load/data/icons/sprite-2x.png | Bin 19892 -> 0 bytes .../data/night.json | 0 change-style-at-load/demo.html | 12 +- change-style-at-load/demo.js | 8 +- change-style-at-runtime/demo.html | 10 +- change-style-at-runtime/demo.js | 28 +- circle-on-the-map/demo.html | 10 +- circle-on-the-map/demo.js | 3 - context-menu/demo.html | 10 +- custom-cluster-theme/demo.html | 12 +- custom-cluster-theme/demo.js | 2 +- custom-tile-overlay/demo.html | 10 +- custom-zooming-into-bounds/demo.html | 10 +- display-geojson-on-map/demo.html | 12 +- display-kml-on-map/demo.html | 12 +- display-kml-on-map/demo.js | 4 +- dom-marker-rotation/demo.html | 10 +- draggable-marker/demo.html | 10 +- draggable-shapes/demo.html | 10 +- draggable-shapes/demo.js | 2 +- extruded-objects/demo.html | 6 +- extruded-objects/demo.js | 5 +- finding-the-nearest-marker/demo.html | 10 +- geocode-a-location-from-address/demo.html | 10 +- .../demo.html | 10 +- image-overlay/demo.html | 10 +- indoor-map-movement/demo.html | 12 +- indoor-map-movement/demo.js | 2 +- indoor-map-ui-interaction/demo.html | 12 +- indoor-map-ui-interaction/demo.js | 2 +- indoor-map/demo.html | 18 +- indoor-map/demo.js | 6 +- interactive-basemap/demo.html | 22 +- interactive-basemap/demo.js | 75 +- interleave-layers/demo.html | 8 +- map-at-specified-location/demo.html | 10 +- map-multi-language-support/demo.html | 10 +- map-object-events-displayed/demo.html | 10 +- map-object-events-displayed/demo.js | 12 +- map-objects-event-delegation/demo.html | 10 +- map-objects-event-delegation/demo.js | 46 +- .../demo.html | 10 +- map-using-view-bounds/demo.html | 10 +- .../demo.html | 13 +- .../demo.js | 16 +- map-with-dom-marker/demo.html | 10 +- map-with-isoline-route/demo.html | 10 +- map-with-isoline-route/demo.js | 2 +- .../demo.html | 10 +- .../demo.html | 10 +- map-with-route-from-a-to-b/demo.html | 10 +- map-with-svg-graphic-markers/demo.html | 10 +- marker-clustering/demo.html | 12 +- marker-clustering/demo.js | 5 +- markers-on-the-map/demo.html | 10 +- .../demo.html | 10 +- markers-with-altitude/demo.html | 10 +- meta.json | 14 +- open-infobubble/demo.html | 10 +- ordering-overlapping-markers/demo.html | 10 +- panning-the-map/demo.html | 10 +- polygon-on-the-map/demo.html | 10 +- polygon-on-the-map/demo.js | 15 +- polygon-with-holes-on-the-map/demo.html | 10 +- polyline-on-the-map/demo.html | 10 +- position-on-mouse-click/demo.html | 10 +- postcodes-jsla-fts/demo.html | 10 +- rectangle-on-the-map/demo.html | 10 +- resizable-circle/demo.html | 10 +- resizable-polygon/demo.html | 10 +- resizable-polyline/demo.html | 10 +- resizable-rect/demo.html | 10 +- restrict-map/demo.html | 10 +- .../demo.html | 10 +- search-for-landmark/demo.html | 10 +- search-match-fts/demo.html | 10 +- synchronising-two-maps/demo.html | 10 +- tilted-map-bounds/demo.html | 16 +- tilted-map-bounds/demo.js | 38 +- transit-iml/demo.html | 12 +- transit-iml/demo.js | 14 - truck-routing-road-restrictions/demo.html | 11 +- truck-routing-road-restrictions/demo.js | 17 +- zoom-to-set-of-markers/demo.html | 10 +- 91 files changed, 468 insertions(+), 2747 deletions(-) delete mode 100644 change-harp-style-at-load/demo.css delete mode 100644 change-harp-style-at-load/demo.details delete mode 100644 change-harp-style-at-load/demo.html delete mode 100644 change-harp-style-at-load/demo.js delete mode 100644 change-harp-style-at-load/styles.css delete mode 100644 change-style-at-load/data/dark.yaml delete mode 100644 change-style-at-load/data/icons/sprite-2x.png rename {change-harp-style-at-load => change-style-at-load}/data/night.json (100%) diff --git a/capture-map-area/demo.html b/capture-map-area/demo.html index fd42cf0..a5dfda8 100644 --- a/capture-map-area/demo.html +++ b/capture-map-area/demo.html @@ -5,15 +5,15 @@ Take a Snapshot of the Map - + - - - - + + + +
diff --git a/change-harp-style-at-load/demo.css b/change-harp-style-at-load/demo.css deleted file mode 100644 index 15af666..0000000 --- a/change-harp-style-at-load/demo.css +++ /dev/null @@ -1,11 +0,0 @@ - -#map { - width: 95%; - height: 450px; - background: grey; -} - -#panel { - width: 100%; - height: 400px; -} \ No newline at end of file diff --git a/change-harp-style-at-load/demo.details b/change-harp-style-at-load/demo.details deleted file mode 100644 index b635edc..0000000 --- a/change-harp-style-at-load/demo.details +++ /dev/null @@ -1,12 +0,0 @@ ---- - name: Set a map style exported from the HERE Style Editor - description: Set a style created in the HERE Style Editor during the map instantiation - resources: - - https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js - normalize_css: no - dtd: html 5 - wrap: d - panel_html: 0 - panel_js: 0 - panel_css: 0 -... \ No newline at end of file diff --git a/change-harp-style-at-load/demo.html b/change-harp-style-at-load/demo.html deleted file mode 100644 index f6673c4..0000000 --- a/change-harp-style-at-load/demo.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - Set a map style exported from the HERE Style Editor - - - - - - - - - - - - -
-

Set a map style exported from the HERE Style Editor

-

Set a style created in the HERE Style Editor during the map instantiation

-
-

This example shows how to set a map style that was created in the HERE Style Editor. -

-
-

Code

-

The code below creates a new H.map.render.harp.Style instance that loads and parses the user's style 'night.json'. - After that the style is used to create a new H.map.layer.TileLayer, which is passed to the map constructor. -

- - - diff --git a/change-harp-style-at-load/demo.js b/change-harp-style-at-load/demo.js deleted file mode 100644 index 22dd4c9..0000000 --- a/change-harp-style-at-load/demo.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Boilerplate map initialization code starts below: - */ - -// Step 1: initialize communication with the platform -// In your own code, replace variable window.apikey with your own apikey - -var platform = new H.service.Platform({ - apikey: window.apikey -}); - -// Step 2: specify engine type. In this example, we use HARP rendering engine, which is capable -// of rendering vector data using the style configuration exported from the HERE Style Editor. -// HARP engine is not the default engine, and it's not included in the mapsjs-core.js module. -// To use this engine, you need to include mapsjs-harp.js file to your HTML page -var engineType = H.Map.EngineType['HARP']; - -// Step 3: create the style object from the style configuration -// exported from the HERE Style Editor. The argument is a style path -var style = new H.map.render.harp.Style('https://heremaps.github.io/maps-api-for-javascript-examples/change-harp-style-at-load/data/night.json'); - -// Step 4: create a layer with the style object: -var vectorLayer = platform.getOMVService().createLayer(style, { engineType }); - -// Step 5: initialize a map -var map = new H.Map(document.getElementById('map'), - vectorLayer, { - engineType, - center: {lat: 52.51477270923461, lng: 13.39846691425174}, - zoom: 13, - pixelRatio: window.devicePixelRatio || 1 -}); -// add a resize listener to make sure that the map occupies the whole container -window.addEventListener('resize', () => map.getViewPort().resize()); - -//Step 6: make the map interactive -// MapEvents enables the event system -// Behavior implements default interactions for pan/zoom (also on mobile touch environments) -var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map)); diff --git a/change-harp-style-at-load/styles.css b/change-harp-style-at-load/styles.css deleted file mode 100644 index e69de29..0000000 diff --git a/change-style-at-load/data/dark.yaml b/change-style-at-load/data/dark.yaml deleted file mode 100644 index 5bea1ef..0000000 --- a/change-style-at-load/data/dark.yaml +++ /dev/null @@ -1,2145 +0,0 @@ -sources: - omv: - type: OMV - max_zoom: 17 - min_display_zoom: 1 - tiled: true - -scene: - background: - color: global.land_color - sky: - zenith: '#010205' - horizon: '#010205' - fog: '#21262B' - -global: - text_font_family: FiraGO - - text_visible_admin: true - icon_visible_populated_places: true - text_visible_populated_places: false - text_visible_neighbourhoods: false - text_visible_water_labels: false - text_visible_building: false - text_visible_address: false - text_visible_roads: false - text_visible_ferry: false - shields_visible: false - - icon_size: [[10, '20px'], [17, '24px']] - - ux_language: en - ux_language_text_source: | - function() { - return (global.ux_language && feature['name:' + global.ux_language]) || - (global.ux_language_fallback && feature['name:'+global.ux_language_fallback]) || - feature['name']; - } - ux_language_text_source_short: | - function() { - return (global.ux_language && feature['name:short:'+global.ux_language]) || (global.ux_language_fallback && feature['name:short:'+global.ux_language_fallback]) || feature['name:short']; - } - ux_language_text_source_left: | - function() { - // if a ux_langauge has been defined use that, else if there is feature name in the fallback_ux_language then use that, else use the feature's default name in the local language - return (global.ux_language && feature['name:left:'+global.ux_language]) || (global.ux_language_fallback && feature['name:left:'+global.ux_language_fallback]) || feature['name:left']; - } - ux_language_text_source_right: | - function() { - // if a ux_langauge has been defined use that, else if there is feature name in the fallback_ux_language then use that, else use the feature's default name in the local language - return (global.ux_language && feature['name:right:'+global.ux_language]) || (global.ux_language_fallback && feature['name:right:'+global.ux_language_fallback]) || feature['name:right']; - } - ux_language_text_source_boundary_lines_left_right: - left: global.ux_language_text_source_left - right: global.ux_language_text_source_right - ux_language_text_source_boundary_lines: | - function() { - var right = (global.ux_language && feature['name:right:'+global.ux_language]) || (global.ux_language_fallback && feature['name:right:'+global.ux_language_fallback]) || feature['name:right']; - var left = (global.ux_language && feature['name:left:'+global.ux_language]) || (global.ux_language_fallback && feature['name:left:'+global.ux_language_fallback]) || feature['name:left']; - if (right && left) { - return left + " - " + right; - } else { - return (global.ux_language && feature['name:'+global.ux_language]) || (global.ux_language_fallback && feature['name:'+global.ux_language_fallback]) || feature.name; - } - } - ux_language_text_source_ocean: | - function() { - var name = (global.ux_language && feature['name:'+global.ux_language]) || (global.ux_language_fallback && feature['name:'+global.ux_language_fallback]) || feature['name'] || ''; - name = name.split(' ').join('\n'); - return name.split('').join(' '); - } - feature_min_zoom_filter: function() { return feature.min_zoom === undefined || $zoom >= feature.min_zoom } - building_extrude_height: function() {return feature.height || 5;} - # default order for basemap features - feature_order: | - function() { - if (feature.sort_rank) { - return feature.sort_rank - } else { - // console.warn("WARNING: Missing sort_rank!", feature); - return 0; - } - } - feature_priority: function() { return feature.priority; } - - population: - class1-1m-up: {min: 1000000} - class2-250k-1m: { min: 250000, max: 1000000 } - class3-100k-250k: { min: 100000, max: 250000 } - class4-30k-100k: { min: 30000, max: 100000 } - class5-until-30k: { max: 30000 } - - place_class1_color: [ - [0, 'rgb(50, 50, 50)'], - [6, 'rgb(200, 200, 200)'], - [7, 'rgb(200, 200, 200)'], - [9, 'rgb(200, 200, 200)'], - [10, 'rgba(200, 200, 200, .88)'], - [11, 'rgba(200, 200, 200, .78)'], - [12, 'rgba(200, 200, 200, .78)'], - [13, 'rgba(200, 200, 200, .72)'] - ] - place_class1_outline_color: [ - [0, 'rgba(50, 50, 50, .3)'], - [4, 'rgba(30, 30, 30, .4)'], - [6, 'rgba(0, 0, 0, .47)'], - [7, 'rgba(0, 0, 0, .58)'], - [8, 'rgba(0, 0, 0, .7)'] - ] - place_class2_color: [ - [0, 'rgb(170, 170, 170)'], - [6, 'rgb(220, 220, 220)'], - [7, 'rgb(220, 220, 220)'], - [9, 'rgb(200, 200, 200)'], - [10, 'rgba(200, 200, 200, .95)'], - [11, 'rgba(200, 200, 200, 0.85)'], - [12, 'rgba(200, 200, 200, 0.8)'], - [13, 'rgba(200, 200, 200, 0.8)'], - [14, 'rgba(200, 200, 200, 0.7)'] - ] - place_class2_outline_color: [ - [0, 'rgba(0, 0, 0, .01)'], - [4, 'rgba(0, 0, 0, .01)'], - [5, 'rgba(0, 0, 0, .47)'], - [6, 'rgba(0, 0, 0, .47)'], - [7, 'rgba(0, 0, 0, .58)'], - [8, 'rgba(0, 0, 0, .70)'], - [11, 'rgba(0, 0, 0, .70)'], - [12, 'rgba(0, 0, 0, .70)'] - ] - place_class3_color: [ - [0, 'rgb(200, 200, 200)'], - [6, 'rgb(200, 200, 200)'], - [7, 'rgb(200, 200, 200)'], - [9, 'rgb(200, 200, 200)'], - [10, 'rgba(200, 200, 200, .9)'], - [11, 'rgba(200, 200, 200, .8)'], - [12, 'rgba(200, 200, 200, .8)'], - [12, 'rgba(200, 200, 200, .75)'], - [14, 'rgba(200, 200, 200, .68)'] - ] - place_class3_outline_color: [ - [0, 'rgba(0, 0, 0, .07)'], - [4, 'rgba(0, 0, 0, .07)'], - [5, 'rgba(0, 0, 0, .47)'], - [6, 'rgba(0, 0, 0, .57)'], - [7, 'rgba(0, 0, 0, .78)'], - [8, 'rgba(0, 0, 0, .80)'], - [11, 'rgba(0, 0, 0, .80)'], - [12, 'rgba(0, 0, 0, .80)'] - ] - place_class4_color: [ - [0, 'rgb(180, 180, 180)'], - [6, 'rgb(180, 180, 180)'], - [7, 'rgb(180, 180, 180)'], - [9, 'rgb(180, 180, 180)'], - [10, 'rgb(180, 180, 180)'], - [11, 'rgb(180, 180, 180)'], - [12, 'rgba(180, 180, 180, .86)'], - [13, 'rgba(180, 180, 180, .78)'], - [14, 'rgba(180, 180, 180, .70)'] - ] - place_class4_outline_color: [ - [0, 'rgba(0, 0, 0, .07)'], - [4, 'rgba(0, 0, 0, .37)'], - [5, 'rgba(0, 0, 0, .57)'], - [6, 'rgba(0, 0, 0, .57)'], - [7, 'rgba(0, 0, 0, .68)'], - [8, 'rgba(0, 0, 0, .80)'], - [13, 'rgba(0, 0, 0, .80)'], - [14, 'rgba(0, 0, 0, .80)'] - ] - place_class5_color: [ - [0, 'rgb(70, 70, 90)'], - [6, 'rgb(70, 70, 90)'], - [7, 'rgb(60, 60, 80)'], - [9, 'rgb(60, 60, 80)'], - [10, 'rgb(50, 50, 70)'], - [11, 'rgb(50, 50, 70)'], - [12, 'rgba(20, 20, 40, .86)'], - [13, 'rgba(20, 20, 40, .78)'], - [14, 'rgba(0, 0, 0, .70)'] - ] - place_class5_outline_color: [ - [0, 'rgba(250, 253, 255, .07)'], - [4, 'rgba(250, 253, 255, .07)'], - [5, 'rgba(250, 253, 255, .47)'], - [6, 'rgba(250, 253, 255, .47)'], - [7, 'rgba(250, 253, 255, .58)'], - [8, 'rgba(250, 253, 255, .70)'], - [13, 'rgba(250, 253, 255, .70)'], - [14, 'rgba(240, 244, 245, .70)'] - ] - place_capital_color: [ - [0, 'rgb(160, 160, 160)'], - [7, 'rgb(210, 160, 160)'], - [10, 'rgba(250, 160, 160, .9)'], - [11, 'rgba(250, 160, 160, .7)'] - ] - place_capital_outline_color: [ - [0, "rgba(0, 0, 0, .6)"], - [5, "rgba(0, 0, 0, .5)"], - [7, "rgba(0, 0, 0, .7)"], - [8, "rgba(0, 0, 0, .9)"] - ] - - place_hamlet_color: rgb(120, 120, 120) - place_hamlet_outline_color: [ - [0, 'rgba(240, 244, 245, .78)'], - [11, 'rgba(240, 244, 245, .78)'], - [12, 'rgba(240, 244, 245, .70)'], - [13, 'rgba(240, 244, 245, .70)'], - [14, 'rgba(240, 244, 245, .62)'] - ] - - #global map colours - land_color: rgb (70, 70, 70) - beach_color: rgb (60, 60, 60) - glacier_color: rgb (100, 100, 100) - woodland_color: rgb (50, 50, 50) - forest_color: [ - [0, 'rgb(80, 80, 70)'], - [8, 'rgb(80, 80, 70)'], - [9, 'rgb(80, 80, 70)'], - [11, 'rgb(80, 80, 70)'], - [15, 'rgb(80, 80, 70)'], - [16, 'rgb(80, 80, 70)'] - ] - water_color: rgb (55, 55, 55) - water_deep_color: rgb(137, 196, 250) #deep water - - water_label_sea_color: rgb(77,147,221) - water_label_lake_color: rgb(34,105,191) - water_label_lake_outline_color: rgba(204, 230, 255, .47) - water_label_ocean_color: rgb(77, 147, 221) - water_label_bay_color: rgb(34, 105, 191) - water_label_bay_outline_color: rgba(204, 230, 255, .47) - - landuse_default_label_color: [ - [15, 'rgb(95,100,110)'], - [16, 'rgb(250, 0, 0)'] - ] - landuse_default_label_outline_color: rgba(237,245,238,.58) - landuse_label_size: [[12, 10px], [13, 11px], [15, 11px], [16, 12px]] - landuse_park_label_color: rgba(56,202,204,0.1) - landuse_park_label_outline_color: [ - [11, 'rgba(215,242,205,.058)'], - [12, 'rgba(208,238,195,.058)'], - ] - landuse_forest_label_color: rgb(78,133,93) - landuse_forest_label_outline_color: rgba(230,250,225,.58) - # used for industrial, railway, parking, commercial, zoo, aerodrome, etc. - landuse_gray_label_color: rgb(70,90,110) - landuse_gray_label_outline_color: [ - [13, 'rgba(235,243,250,.58)'], - [14, 'rgba(225,233,240,.58)'] - ] - landuse_pedestrian_label_color: [ - [15, "rgb(95,100,110)"], - [16, "rgb(105,110,120)"] - ] - landuse_pedestrian_label_outline_color: rgba(235,243,250,.58) - landuse_hospital_label_color: [ - [15, 'rgb(115,100,110)'], - [16, 'rgb(125,105,115)'] - ] - landuse_hospital_label_outline_color: rgba(245,237,240,.58) - landuse_golf_course_label_color: rgb(62,120,110) - landuse_golf_course_label_outline_color: [ - [11, 'rgba(215,242,205,.58)'], - [12, 'rgba(194,237,196,.58)'] - ] - landuse_beach_label_color: rgb(115,114,94) - landuse_beach_label_outline_color: rgba(250,240,170,.58) - landuse_university_label_color: [ - [15, 'rgb(95,100,110)'], - [16, 'rgb(105,110,120)'] - ] - landuse_university_label_outline_color: [ - [15, 'rgba(240,237,232,.58)'], - [16, 'rgba(245,242,237,.58)'] - ] - landuse_parking_label_color: rgb(7,78,159) - landuse_military_label_color: rgb(131,129,156) - landuse_military_label_outline_color: rgba(242,245,252,.58) - landuse_peak_label_color: rgb(120,107,103) - landuse_peak_label_outline_color: rgba(250,254,255,.47) - - builtup_area_color: [ - [0, 'rgb(225, 234, 240)'], - [10, 'rgb(60, 60, 60)'], - [13, 'rgb(60, 60, 60)'], - [14, 'rgb(60, 60, 60)'], - [15, 'rgb(70, 70, 70)'], - [16, 'rgb(70, 70, 70)'] - ] - builtup_area_color_border_color: 'rgba(80, 80, 80,.5)' - golf_course_color: [ - [11, 'rgb(110, 110, 110)'], - [12, 'rgb(110, 110, 110)'], - [13, 'rgb(110, 110, 110)'], - [14, 'rgb(110, 110, 110)'], - [15, 'rgb(110, 110, 110)'], - [16, 'rgb(110, 110, 110)'] - ] - hospital_color: rgb (40, 40, 40) - # applies to airport, harbor, industrial, rail yard, shopping complex - industrial_color: [ - [0, 'rgb(70, 70, 70)'], - [11, 'rgb(70, 70, 70)'], - [14, 'rgb(70, 70, 70)'], - [15, 'rgb(70, 70, 70)'], - [16, 'rgb(70, 70, 70)'] - ] - national_park_color: [ - [0 , 'rgba(70, 70, 70, .8)'], - [6 , 'rgba(70, 70, 70, .4)'], - [8 , 'rgba(70, 70, 70, .4)'], - [9 , 'rgba(70, 70, 70, .4)'], - [10, 'rgba(70, 70, 70, .4)'], - [11, 'rgba(70, 70, 70, .3)'], - [16, 'rgba(70, 70, 70, .3)'] - ] - island_color: rgb(81,87,4) - island_outline_color: rgba(250,253,255, .39) - native_reservation_color: rgba (245, 231, 218, 0.78) - military_color: rgb(60,37,42) - park_color: rgb (70, 77, 70) - # applies to allotment, amusement, animal, cemetery, sports complex - green_area_color: [ - [13, 'rgb(110, 110, 110)'], - [14, 'rgb(110, 110, 110)'], - [15, 'rgb(110, 110, 110)'], - [16, 'rgb(110, 110, 110)'] - ] - pedestrian_area_color: [ - [9, 'rgb(225,234,240)'], - [10, 'rgb(233,237,240)'], - [12, 'rgb(233,237,240)'], - [13, 'rgb(235,239,242)'], - [14, 'rgb(233,237,240)'], - [15, 'rgb(223,230,235)'], - [16, 'rgb(219,225,231)'] - ] - aerodrome_color: [ - [10, 'rgb(110, 110, 110)'], - [11, 'rgb(110, 110, 110)'], - [13, 'rgb(110, 110, 110)'], - [14, 'rgb(110, 110, 110)'], - [15, 'rgb(110, 110, 110)'], - [16, 'rgb(110, 110, 110)'] - ] - runway_color: [ - [13, 'rgb(50, 50, 50)'], - [14, 'rgb(50, 50, 50)'], - [15, 'rgb(50, 50, 50)'], - [16, 'rgb(50, 50, 50)'] - ] - university_campus_color: rgb (90, 90, 90) - state_boundary_text_color: rgb(132,132,132) - country_boundary_color: [ - [4, 'rgb(160, 160, 180)'], - [5, 'rgb(200, 120, 140)'], - [6, 'rgb(200, 100, 120)'], - [7, 'rgb(180, 100, 120)'], - [8, 'rgb(170, 100, 120)'], - [9, 'rgb(150, 100, 120)'] - ] - country_boundary_outline_color: [ - [3, 'rgba(190, 190, 190, 0.15)'], - [4, 'rgba(180, 180, 180, 0.15)'], - [5, 'rgba(110, 110, 110, 0.25)'], - [6, 'rgba(30, 30, 30, 0.25)'], - [8, 'rgba(20, 20, 20, 0.31)'] - ] - country_disputed_boundary_color: [ - [4, 'rgb(160,160,180)'], - [5, 'rgb(120,120,140)'], - [6, 'rgb(100,100,120)'], - [7, 'rgb(100,100,120)'], - [8, 'rgb(80,80,100)'], - [9, 'rgb(60,60,80 )'] - ] - country_disputed_boundary_background_color: [.50, .50, .50, .15] - region_boundary_color: [ # applies to states and regions - [3, 'rgb(225, 225, 225)'], # 0 <= $zoom < 4 - [4, 'rgb(195, 195, 215)'], # 4 <= $zoom < 5 - [5, 'rgb(210, 210, 210)'], # 5 <= $zoom < 6 - # 6 <= $zoom < 12 (duplicates avoid interpolation) - [6, 'rgb(180, 180, 180)'], - [7, 'rgb(180, 180, 180)'], - [8, 'rgb(180, 180, 180)'], - [9, 'rgb(180, 180, 180)'], - [10, 'rgb(180, 180, 180)'], - [11, 'rgb(180, 180, 180)'], - [12, 'rgb(170, 170, 170)'] # 12 <= $zoom - ] - region_boundary_outline_color: [ # applies to states and regions - [4, 'rgba(220, 220, 220, 0.06)'], # 0 <= $zoom < 5 - [5, 'rgba(215, 215, 215, 0.06)'], # 5 <= $zoom < 6 - [6, 'rgba(200, 200, 200, 0.1)'], # 6 <= $zoom < 7 - # 7 <= $zoom < 12 (duplicates avoid interpolation) - [7, 'rgba(200, 200, 200, 0.16)'], - [8, 'rgba(200, 200, 200, 0.16)'], - [9, 'rgba(200, 200, 200, 0.16)'], - [10, 'rgba(200, 200, 200, 0.16)'], - [11, 'rgba(200, 200, 200, 0.16)'], - [12, 'rgba(200, 200, 200, 0.2)'] # 12 <= $zoom - ] - building_color: rgba(40, 40, 40, .98) - building_outline_color: [ - [16, 'rgb(0,140,140)'], - [17, 'rgb(0,140,140)'], - [18, 'rgb(0,140,140)'] - ] - building_extrude_color: rgba(40,40,40,.95) - building_label_color: rgb(86,105,112) - building_label_outline_color: rgba(240,246,247,.4) - - #global road colours - highway_fill: [ - [9, 'rgb(196,242,244)'], - [10, 'rgb(196,242,244)'], - [11, 'rgb(196,242,244)'], - [12, 'rgb(196,242,244)'], - [13, 'rgb(196,242,244)'] - ] - highway_tunnel_fill: rgb(196,242,244) - highway_tunnel_center_line: rgb(196,242,2440) - highway_outline: rgb(196,242,244) - highway_centerline_fill: [ - [11, 'rgb(196,242,244)'], - [12, 'rgb(196,242,244)'], - [13, 'rgb(196,242,244)'], - [14, 'rgb(196,242,244)'] - ] - highway_width: [[6, 1px], [7, 2px], [8, 2.5px], [9, 3px], [11, 3px], [12, 3px], [13, 3px], [14, 2px], [15, 2px], [16, 2.5px], [17, 4px], [18, 5px], [19, 6px], [20, 9px]] - highway_link_trunk_width: [[6, 1px], [7, 2px], [8, 2.5px], [9, 3px], [11, 3px], [12, 3px], [13, 3px], [14, 2px], [15, 2px], [16, 2.5px], [17, 4px], [18, 5px], [19, 6px], [20, 9px]] - major_road_fill: [ - [11, 'rgb(56,202,204)'], - [12, 'rgb(56,202,204)'], - [13, 'rgb(56,202,204)'] - ] - major_road_tunnel_fill: rgb(56,202,204) - major_road_outline: [ - [10, 'rgb(56,202,204)'], - [11, 'rgb(56,202,204)'], - [12, 'rgb(56,202,204)'] - ] - major_road_width: [[8, 1px], [9, 2px], [10, 2px], [12, 2px], [13, 2px], [14, 2px], [15, 2px], [16, 2px], [17, 3px], [18, 5px], [19, 5px], [20, 7px]] - major_road_secondary_fill: [ - [10, 'rgb(56,202,204)'], - [12, 'rgb(56,202,204)'], - [13, 'rgb(56,202,204)'], - ] - major_road_secondary_tunnel_fill: rgb(56,202,204) - major_road_secondary_outline: rgb(60, 60, 60) - major_road_secondary_width: [[10, 1px], [11, 2px], [13, 3.5px], [14, 2px], [15, 2px], [16, 3px], [17, 3px], [18, 4px], [19, 5px], [20, 6px]] - major_road_tertiary_fill: [ - [11, 'rgb(56,202,204)'], - [12, 'rgb(56,202,204)'] - ] - major_road_tertiary_tunnel_fill: rgb(204,200,184) - major_road_tertiary_outline: rgb(165,164,131) - major_road_tertiary_width: [[10, 0px], [10, 1.5px], [12, 2px], [13, 3.5px], [14, 2px], [15, 2px], [16, 2px], [18, 4px], [19, 5px], [20, 7px]] - minor_road_residential_fill: [ - [13, 'rgb(204,205,205)'], - [14, 'rgb(56,202,204)'] - ] - minor_road_residential_tunnel_fill: rgb(227,227,227) - minor_road_residential_outline: rgb(60, 60, 60) - minor_road_width: [[14, 1px], [15, 2px], [17, 3px], [18, 4px], [19, 4px], [19, 5px]] - minor_road_service_fill: [ - [13, 'rgb(204,205,205)'], - [14, 'rgb(56,202,204)'] - ] - minor_road_service_tunnel_fill: rgb(128,128,128) - minor_road_service_outline: rgb(203,205,203) - minor_road_unpaved_fill: rgb(239,240,235) - - tunnel_order: 305 - bridge_outline: rgb(160,160,160) - - path_pedestrian: rgb(175, 178, 182) - path_footway: rgb(56,202,204) - path_footway_tunnel_fill: rgb(227,227,227) - path_footway_cemetery: rgb(199,205,204) - path_footway_forest: rgb(187,190,194) - path_footway_park: rgb(178,204,172) - - ferry_line_color: rgb(56,202,204) - ferry_label_color: rgb(48,124,207) - ferry_tunnel_color: rgb(30,48,65) - ferry_label_outline_color: rgb(153,206,255) - - #global railway colors - rail_dash_background_color: rgb(160, 160, 160) - rail_outline_color: rgb(160, 160, 160) - rail_dash_color: [ - [10, 'rgb(220, 220, 220)'], - [13, 'rgb(255, 255, 255)'], - [16, 'rgb(250, 250, 250)'] - ] - - #global label colours - text_fill: 'rgb(160, 160, 160)' - text_outline: global.land_color - text_fill_address: rgb(122,147,153) - -textures: - icon_library: - url: https://heremaps.github.io/maps-api-for-javascript-examples/change-style-at-load/data/icons/sprite-2x.png - # filtering: mipmap - density: 2 - sprites: - area-icon-day--emergency_firstaid: [0, 40, 56, 56] - area-icon-day--facilities_education: [192, 56, 56, 56] - area-icon-day--facilities_harbor: [80, 0, 56, 56] - area-icon-day--industrial_complex: [136, 0, 56, 56] - area-icon-day--leisure_amusement: [0, 96, 56, 56] - area-icon-day--leisure_zoo: [56, 96, 56, 56] - area-icon-day--shopping_main: [112, 96, 56, 56] - area-icon-day--sport_golfcourse: [192, 0, 56, 56] - area-icon-day--sport_main: [112, 152, 56, 56] - area-icon-day--transport_airport: [0, 152, 56, 56] - city-center--capital_day: [80, 56, 26, 26] - city-center--circle_day: [162, 56, 26, 26] - city-center--square_day: [136, 56, 26, 26] - lane-arrow-day--arrow: [56, 152, 56, 56] - shields--generic: [192, 112, 56, 40] - shields--generic-1.5x: [0, 0, 80, 40] -fonts: - FiraGO: - - weight: normal - url: ../fonts/FiraGO-Map.woff - -styles: - shields: - base: points - blend_order: 1 - draw: - visible: global.shields_visible - texture: icon_library - sprite: | - # TODO: We must use shield_text instead of ref when using different road shield icons - function(){ - if (feature.ref.length > 3) { - return 'shields--generic-1.5x'; - } else { - return 'shields--generic'; - } - } - size: [[6, 110%],[15, 120%]] - repeat_group: shields - repeat_distance: [[10, 150px],[13, 200px],[20, 70px]] - placement: midpoint - placement_min_length_ratio: 0.1 - text: - anchor: center - # TODO: We must use shield_text instead of ref when using different road shield icons - text_source: ref - font: - fill: black - family: global.text_font_family - weight: 450 - size: [[6, 8px], [15, 10px], [20, 13px]] - icon_library: - base: points - texture: icon_library - blend_order: 1 - draw: - size: global.icon_size - sprite_default: generic - buffer: 3px - text: - text_source: global.ux_language_text_source - anchor: [top-right, top-left, bottom-right, bottom-left, top, bottom] - buffer: 3px - text_wrap: 18 - max_lines: 3 - font: - family: global.text_font_family - weight: normal - fill: global.text_fill - size: [[13, 10px], [14, 11px], [17, 12px], [19, 12px], [20, 14px]] - stroke: { color: global.text_outline, width: [[12, 3px],[16, 4px]] } - text-blend-order: - base: text - blend_order: 1 - dashes: - base: lines - dash: [3, 3] - transparent: #for rail - base: polygons - blend: overlay - translucent-polygons: - base: polygons - blend: translucent - translucent-lines: - base: lines - blend: translucent - center-lines: - base: lines - blend: opaque - bridge: - base: lines - blend: opaque - draw: - # order: global.feature_order - order: 430 - cap: round - outline: - cap: butt - width: [[14, 0px], [16, 1.5px], [17, 2px]] - color: global.bridge_outline -layers: - earth: - data: {source: omv, layer: earth} - draw: - polygons: - order: 100 - color: global.land_color - landuse: - filter: global.feature_min_zoom_filter - data: {source: omv, layer: landuse} - draw: - polygons: - order: global.feature_order - lines: - order: global.feature_order - label: - visible: false - filter: - all: - - $geometry: point - draw: - text-blend-order: - text_source: global.ux_language_text_source - priority: global.feature_order - text_wrap: 18 - font: - fill: global.landuse_default_label_color - family: global.text_font_family - weight: normal - size: global.landuse_label_size - stroke: - color: global.landuse_default_label_outline_color - width: 1px - park: - filter: - kind: park - draw: - text-blend-order: - font: - fill: global.landuse_park_label_color - stroke: - color: global.landuse_park_label_outline_color - forest-national-park: - filter: - kind: [forest, national_park, nature_reserve] - draw: - text-blend-order: - font: - fill: global.landuse_forest_label_color - stroke: - color: global.landuse_forest_label_outline_color - pedestrian: - filter: - kind: pedestrian - draw: - text-blend-order: - font: - fill: global.landuse_pedestrian_label_color - stroke: - color: global.landuse_pedestrian_label_outline_color - beach: - filter: - kind: beach - draw: - text-blend-order: - font: - fill: global.landuse_beach_label_color - stroke: - color: global.landuse_beach_label_outline_color - military: - filter: - kind: military - draw: - text-blend-order: - font: - fill: global.landuse_military_label_color - stroke: - color: global.landuse_military_label_outline_color - peak: - filter: - kind: peak - draw: - text-blend-order: - font: - fill: global.landuse_peak_label_color - stroke: - color: global.landuse_peak_label_outline_color - other: - filter: - kind: [industrial, railway, parking] - draw: - text-blend-order: - font: - fill: global.landuse_gray_label_color - stroke: - color: global.landuse_gray_label_outline_color - with-icon: - filter: - kind: [sports_centre, commercial, zoo, hospital, aerodrome, golf_course, university] - draw: - icon_library: - # visible: false - priority: global.feature_order - text: - anchor: [top, bottom, left, right] - text_wrap: 18 - font: - fill: global.landuse_default_label_color - size: global.landuse_label_size - stroke: - color: global.landuse_default_label_outline_color - width: 1px - sports_centre: - filter: - kind: sports_centre - draw: - icon_library: - sprite: area-icon-day--sport_main - text: - font: - fill: global.landuse_default_label_color - stroke: - color: global.landuse_default_label_outline_color - commercial: - filter: - kind: commercial - draw: - icon_library: - sprite: area-icon-day--shopping_main - text: - font: - fill: global.landuse_gray_label_color - stroke: - color: global.landuse_gray_label_outline_color - zoo: - filter: - kind: zoo - draw: - icon_library: - sprite: area-icon-day--leisure_zoo - text: - font: - fill: global.landuse_gray_label_color - stroke: - color: global.landuse_gray_label_outline_color - hospital: - filter: - kind: hospital - draw: - icon_library: - sprite: area-icon-day--emergency_firstaid - text: - font: - fill: global.landuse_hospital_label_color - stroke: - color: global.landuse_hospital_label_outline_color - aerodrome: - filter: - kind: aerodrome - draw: - icon_library: - sprite: area-icon-day--transport_airport - text: - font: - fill: global.landuse_gray_label_color - stroke: - color: global.landuse_gray_label_outline_color - golf: - filter: - kind: golf_course - draw: - icon_library: - sprite: area-icon-day--sport_golfcourse - text: - font: - fill: global.landuse_golf_course_label_color - stroke: - color: global.landuse_golf_course_label_outline_color - university: - filter: - kind: university - draw: - icon_library: - sprite: area-icon-day--facilities_education - text: - font: - fill: global.landuse_university_label_color - stroke: - color: global.landuse_university_label_outline_color - wood: - filter: - kind: [wood, natural_wood, wetland] - draw: - polygons: - color: global.woodland_color - forest: - filter: - kind: [forest, natural_forest] - draw: - polygons: - color: global.forest_color - park: - filter: - kind: [park, grass] - draw: - polygons: - color: global.park_color - national_park: - filter: - kind: national_park - draw: - polygons: - color: global.national_park_color - nature_reserve: - filter: - kind: nature_reserve - draw: - polygons: - color: global.native_reservation_color - glacier: - filter: - kind: glacier - draw: - polygons: - color: global.glacier_color - beach: - filter: - kind: beach - draw: - polygons: - color: global.beach_color - builtup: - filter: - kind: [urban_area, urban, residential] - draw: - polygons: - color: global.builtup_area_color - lines: - color: global.builtup_area_color_border_color - width: [ - [13, 0], - [14, 2px] - ] - green-areas: - filter: - kind: [zoo, pitch, allotments, amusement_ride, theme_park, animal, sports_centre, stadium, playground, recreation-ground, recreation_track, cemetery, grave_yard] - draw: - polygons: - color: global.green_area_color - golf: - filter: - kind: golf_course - draw: - polygons: - color: global.golf_course_color - hospital: - filter: - kind: hospital - draw: - visible: false - polygons: - color: global.hospital_color - university: - filter: - kind: [university, college] - draw: - polygons: - color: global.university_campus_color - military: - filter: - kind: military - draw: - polygons: - color: global.military_color - pedestrian: - filter: - kind: pedestrian - draw: - polygons: - color: global.pedestrian_area_color - runway: - filter: - kind: runway - draw: - polygons: - color: global.runway_color - aerodrome: - filter: - kind: aerodrome - draw: - polygons: - color: global.aerodrome_color - other: - filter: - kind: [industrial, railway, commercial, bridge, parking] - draw: - polygons: - color: global.industrial_color - water: - data: {source: omv, layer: water} - draw: - polygons: - order: global.feature_order - color: global.water_color - small_water: - filter: - kind: [basin, lake, dock, playa, riverbank] - draw: - polygons: - color: global.water_color - deep_water: - filter: - all: - - $geometry: polygon - - kind: [ocean, sea] - draw: - polygons: - color: global.water_deep_color - river: - filter: - kind: [river, canal, ditch, drain, stream] - draw: - lines: - order: global.feature_order - width: [[10, 1px], [13, 2px], [14, 3px], [15, 4px], [16, 7px], [17, 15px], [18, 28px], [20, 46px]] - color: global.water_color - cap: round - water-labels: - filter: - all: - - name: true - draw: - text-blend-order: - text_source: global.ux_language_text_source - visible: global.text_visible_water_labels - priority: 8 - font: - fill: global.water_label_sea_color - family: global.text_font_family - weight: normal - size: [[4, 11px], [5, 12px], [6, 12px], [7, 13px], [8, 14px]] - style: italic - ocean-labels: - filter: - all: - - kind: [ocean] # note enough due to OLPRPS-3988 - - function() {return (feature.name && feature.name.indexOf('Ocean') != -1) || feature['name:en'] && feature['name:en'].indexOf('Ocean') != -1} - draw: - text-blend-order: - text_source: global.ux_language_text_source_ocean - text_wrap: false - priority: 1 - font: - fill: global.water_label_ocean_color - size: [[0, 10px], [1, 11px], [2, 13px], [3, 14px], [4, 16px], [6, 16px], [7, 17px], [8, 20px]] - style: italic - bay-labels: - filter: - all: - - kind: [bay] - - global.feature_min_zoom_filter - draw: - text-blend-order: - font: - fill: global.water_label_bay_color - size: [[11, 10px], [12, 11px], [15, 11px], [16, 12px]] - style: normal - stroke: - color: global.water_label_bay_outline_color - width: 2px - lake-labels: - filter: - all: - - kind: [lake] - - global.feature_min_zoom_filter - draw: - text-blend-order: - font: - style: normal - fill: global.water_label_lake_color - family: global.text_font_family - size: [[11, 10px], [12, 11px], [15, 11px], [16, 12px]] - stroke: - color: global.water_label_lake_outline_color - width: 1px - water-line-labels: - filter: - all: - - $geometry: line - - global.feature_min_zoom_filter - draw: - text-blend-order: - font: - style: italic - river: - filter: - kind: river - draw: - text-blend-order: - priority: 8 - boundaries: - filter: global.feature_min_zoom_filter - data: { source: omv, layer: boundaries } - draw: - translucent-lines: - order: 500 - border-labels: - filter: {$zoom: { min: 8 }} - draw: - text-blend-order: - priority: 2 - visible: global.text_visible_admin - text_source: global.ux_language_text_source_boundary_lines_left_right - offset: [0px, 5px] - text_wrap: 100 - font: - family: global.text_font_family - size: 10px - fill: global.text_fill - transform: uppercase - stroke: { color: global.land_color, width: 3px } - no-left-right: - filter: { "name:left": false, "name:right": false } - draw: - text-blend-order: - text_source: global.ux_language_text_source_boundary_lines - offset: [0px, 0px] - country: - filter: - kind: country - draw: - translucent-lines: - color: global.country_boundary_color - width: 2px - outline: - color: global.country_boundary_outline_color - width: [[3, '0px'], [4, '2px'], [7, '3px']] - other_boundary_disputed_etc: - filter: { kind: [disputed, indefinite, indeterminate, lease_limit, line_of_control, overlay_limit] } - draw: - translucent-lines: - color: global.country_disputed_boundary_color - join: round - dash: [5.0, 4.0] - dash_background_color: global.country_disputed_boundary_background_color - width: [[0, '0px'], [9, '2px']] - outline: - color: global.country_disputed_boundary_background_color - width: [[3, '0px'], [4, '1px'], [5, '2px'], [7, '3px']] - state: - filter: - kind: [state, region] - kind_detail: [3,4] - draw: - translucent-lines: - color: global.region_boundary_color - width: [[5, '0px'], [6, '1px'], [7, '1px']] - outline: - color: global.region_boundary_outline_color - width: [[0, '0px'], [3, '0px'], [9, '1px']] - text-blend-order: - font: - fill: global.state_boundary_text_color - roads: - filter: global.feature_min_zoom_filter - data: {source: omv, layer: roads} - draw: - lines: - order: 340 - join: round - cap: round - # for debugging not-styled roads - # color: red - width: 1px - outline: - order: 352 - shields: - filter: - all: - - kind: [highway, major_road, minor_road] - - ref: true - - global.feature_min_zoom_filter - draw: - shields: - priority: 45 - visible: false - default_priority_motorway: - filter: - kind_detail: motorway - draw: - shields: - priority: 40 - visible: global.shields_visible - default_priority_trunk: - filter: - all: - - kind_detail: trunk - draw: - shields: - priority: 41 - visible: global.shields_visible - default_priority_primary: - filter: - kind_detail: primary - draw: - shields: - priority: 42 - visible: global.shields_visible - default_priority_secondary: - filter: - kind_detail: secondary - draw: - shields: - priority: 43 - visible: global.shields_visible - default_priority_tertiary: - filter: - kind_detail: tertiary - draw: - shields: - priority: 44 - visible: global.shields_visible - default_minor_road: - filter: - kind: minor_road - draw: - shields: - priority: 45 - visible: global.shields_visible - directions: - filter: - all: - - $zoom: { min: 16 } - - oneway: yes - draw: - points: - priority: 500 - texture: icon_library - sprite: lane-arrow-day--arrow - placement: spaced - size: 26px - placement_spacing: 150px - angle: auto - flat: true - rail: - filter: - all: - - kind: rail - - $zoom: {min: 10} - - global.feature_min_zoom_filter - draw: - dashes: - order: global.feature_order - width: [[15, 1px], [16, 1.5px], [17, 1.5px], [18, 2px], [19, 2.5px]] - color: global.rail_dash_color - dash: [7, 7] - dash_background_color: global.rail_dash_background_color - outline: - color: global.rail_outline_color - width: [[10, .1px], [13, .5px], [14, .8px]] - highway: - filter: - kind: highway - draw: - lines: - order: global.feature_order - color: global.highway_fill - width: global.highway_width - outline: - color: global.highway_outline - width: [[7, 0px], [8, 0.5px]] - center-lines: - order: function(){return feature.sort_rank+0.5} - color: global.highway_centerline_fill - width: [[10, 0px], [11, 1px]] - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.highway_fill - width: global.highway_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.highway_tunnel_fill - center-lines: - order: global.tunnel_order - color: global.highway_tunnel_center_line - link: - filter: - kind_detail: motorway_link - draw: - lines: - width: global.highway_link_trunk_width - center-lines: - visible: false - bridge: - filter: - is_bridge: true - draw: - bridge: - width: global.highway_link_trunk_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.highway_tunnel_fill - trunk: - filter: - kind_detail: trunk - draw: - lines: - width: global.highway_link_trunk_width - color: global.major_road_fill - outline: - width: [[9, 0px], [10, 0.5px]] - center-lines: - visible: false - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.major_road_fill - width: global.highway_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.major_road_tunnel_fill - under_construction: - filter: - under_construction: true - draw: - lines: - visible: false - center-lines: - visible: false - dashes: - order: global.feature_order - width: global.highway_width - dash: [2, 2] - color: global.highway_fill - major_road: - filter: - kind: major_road - draw: - lines: - color: global.major_road_fill - order: global.feature_order - width: global.major_road_width - outline: - color: global.major_road_outline - width: [[9, 0px], [10, 0.5px]] - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.major_road_fill - width: global.major_road_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.major_road_tunnel_fill - link: - filter: - is_link: true - draw: - lines: - color: global.major_road_fill - width: global.major_road_width - secondary: - filter: - kind_detail: [secondary, secondary_link] - draw: - lines: - color: global.major_road_secondary_fill - width: global.major_road_secondary_width - outline: - color: global.major_road_secondary_outline - width: [[10, 0px], [11, .5px]] - link: - filter: - is_link: true - draw: - lines: - color: global.major_road_secondary_fill - width: global.major_road_secondary_width - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.major_road_secondary_fill - width: global.major_road_secondary_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.major_road_secondary_tunnel_fill - under_construction: - filter: - under_construction: true - draw: - lines: - visible: false - dashes: - order: global.feature_order - width: global.major_road_secondary_width - dash: [2, 2] - color: global.major_road_secondary_fill - tertiary: - filter: - kind_detail: [tertiary, tertiary_link] - draw: - lines: - color: global.major_road_tertiary_fill - width: global.major_road_tertiary_width - outline: - color: global.major_road_tertiary_outline - width: [[11, 0px], [12, .5px]] - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.major_road_tertiary_fill - width: global.major_road_tertiary_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.major_road_tertiary_tunnel_fill - under_construction: - filter: - under_construction: true - draw: - lines: - visible: false - dashes: - order: 342 - width: global.major_road_tertiary_width - dash: [2, 2] - color: global.major_road_tertiary_fill - minor_road: - filter: - kind: minor_road - draw: - lines: - color: blue - residential: - filter: - kind_detail: residential - draw: - lines: - order: global.feature_order - color: global.minor_road_residential_fill - width: global.minor_road_width - outline: - color: global.minor_road_residential_outline - width: [[13.5, 0px], [14, 1px]] - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.minor_road_residential_fill - width: global.minor_road_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.minor_road_residential_tunnel_fill - service: - filter: - kind_detail: [service, unclassified, road] - draw: - lines: - color: global.minor_road_service_fill - width: global.minor_road_width - outline: - color: global.minor_road_service_outline - width: [[13.5, 0px], [14, 1px]] - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.minor_road_service_fill - width: global.minor_road_width - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.minor_road_service_tunnel_fill - unpaved: - filter: {surface: unpaved} - draw: - lines: - order: function() {return feature.sort_rank - 0.5} - color: global.minor_road_unpaved_fill - path: - filter: - kind: path - pedestrian: - filter: - kind_detail: pedestrian - draw: - dashes: - order: global.feature_order - width: [[11, 1px], [15, 1px], [16, 4px]] - color: global.path_pedestrian - dash: [1,1] - footway: - filter: - kind_detail: footway - draw: - lines: - order: global.feature_order - color: global.path_footway - width: [[14, 1px], [20, 1px]] - bridge: - filter: - is_bridge: true - draw: - bridge: - color: global.path_footway - width: [[14, 1px], [20, 1px]] - outline: - width: [[15, 0px], [16, .5px]] - tunnel: - filter: - is_tunnel: true - draw: - lines: - order: global.tunnel_order - color: global.path_footway_tunnel_fill - cemetery: - filter: {landuse_kind: cemetery} - draw: {lines: {color: global.path_footway_cemetery}} - forest: - filter: {landuse_kind: forest} - draw: {lines: {color: global.path_footway_forest}} - park: - filter: {landuse_kind: park} - draw: {lines: {color: global.path_footway_park}} - ferry: - filter: - kind: ferry - draw: - dashes: - order: global.feature_order - color: global.ferry_line_color - width: 1px - dash: [5,3] - tunnel: - filter: - is_tunnel: true - draw: - dashes: - dash: [10,10] - color: rgb(153,153,153) - dash_background_color: global.ferry_tunnel_color - - road_labels: - data: {source: omv, layer: road_labels} - draw: - text-blend-order: - visible: global.text_visible_roads - text_source: global.ux_language_text_source - font: - fill: global.text_fill - family: global.text_font_family - stroke: - color: global.text_outline - width: .5px - highway: - filter: - all: - - kind: highway - draw: - text-blend-order: - priority: 49 - font: - size: [[10, 14px], [20, 22px]] - link: - filter: - kind_detail: motorway_link - draw: - text-blend-order: - priority: 49 - font: - size: [[10, 14px], [20, 22px]] - trunk: - filter: - kind_detail: trunk - draw: - text-blend-order: - priority: 49 - font: - size: [[10, 14px], [20, 22px]] - major_road: - filter: - kind: major_road - draw: - text-blend-order: - offset: [[16, [0, -1px]], [18, [0, -2px]]] - font: - stroke: - width: .7px - size: [[14, 13.5px], [15, 14.5px], [16, 17px], [17, 22px]] - secondary: - filter: - kind_detail: secondary - draw: - text-blend-order: - priority: 50 - offset: [[16, [0, -1px]], [17, [0, -3px]]] - font: - stroke: - width: .7px - size: [[14, 12px], [15, 15px], [16, 17px], [17, 21px]] - tertiary: - filter: - kind_detail: tertiary - draw: - text-blend-order: - priority: 51 - font: - stroke: - width: .7px - size: [[13, 10px], [16, 13.5px], [17, 18px], [18, 24px]] - minor_road: - filter: - kind: minor_road - draw: - text-blend-order: - offset: [[16, [0, -1px]], [18, [0, -2px]]] - priority: 52 - font: - stroke: - width: .7px - size: [[14, 10px], [16, 12px], [18, 19px], [20, 24px]] - service: - filter: - kind_detail: [service, unclassified, road] - draw: - text-blend-order: - priority: 53 - font: - stroke: - width: .7px - size: [[16, 10px], [20, 16px]] - path: - filter: - kind: path - draw: - text-blend-order: - offset: [0px,-2px] - priority: 51 - font: - fill: rgb(53,54,73) - stroke: - color: rgb(219,226,227) - width: 2px - size: 12px - unpaved: - filter: {surface: unpaved} - draw: - text-blend-order: - font: - fill: rgb(124,114,108) - stroke: - color: rgb(212,213,202) - footway: - filter: - all: - - kind_detail: footway - - $zoom: {min: 14, max: 20} - draw: - text-blend-order: - priority: 51 - offset: [0px,-5px] - font: - fill: rgb(120,110,104) - size: 12px - ferry: - filter: - kind: ferry - draw: - text-blend-order: - text_source: global.ux_language_text_source - offset: [0px, -12px] - visible: global.text_visible_ferry - priority: 49 - font: - fill: global.ferry_label_color - stroke: - color: global.ferry_label_outline_color - width: [[14, 1.3px], [15, 1.5px], [16, 1.5px], [17, 1.62px]] - size: [[14,11px], [16,12px], [17,13px]] - tunnel: - filter: - is_tunnel: true - draw: - text-blend-order: - font: - fill: global.ferry_tunnel_color - stroke: - color: white - buildings: - data: {source: omv, layer: buildings} - filter: global.feature_min_zoom_filter - draw: - translucent-polygons: - order: global.feature_order - color: global.building_color - translucent-lines: - order: global.feature_order - color: global.building_outline_color - width: 1px - extrude: - filter: - $zoom: { min: 15} - draw: - translucent-polygons: - order: global.feature_order - color: global.building_extrude_color - extrude: global.building_extrude_height - translucent-lines: - order: global.feature_order - color: global.building_outline_color - extrude: global.building_extrude_height - width: 0.7px - labels: - filter: - all: - - { $zoom: { min: 17 } } - - not: { kind: address } - - name: true - draw: - text-blend-order: - visible: global.text_visible_building - text_source: global.ux_language_text_source - anchor: center - font: - fill: global.building_label_color - family: global.text_font_family - size: [[15, 11px], [16, 12px]] - stroke: - color: global.building_label_outline_color - width: 1px - address-labels: - filter: - all: - - $zoom: { min: 18 } - - kind: address - draw: - text-blend-order: - visible: global.text_visible_address - priority: 60 - text_source: addr_housenumber - font: - fill: global.text_fill_address - family: global.text_font_family - size: [[18, 12px],[22, 16px]] - continent_label: - data: {source: omv, layer: earth} - filter: - all: - - kind: continent - - global.feature_min_zoom_filter - draw: - text-blend-order: - collide: true - text_source: global.ux_language_text_source - priority: 1 - blend: overlay - blend_order: 1 - anchor: center - font: - transform: uppercase - fill: rgba(46, 162, 164, 0.706) - stroke: - color: rgba(0, 0, 0, 0.6) - width: 5px - family: global.text_font_family - weight: normal - size: 19px - places: - data: {source: omv, layer: places} - filter: - all: - - global.feature_min_zoom_filter - - name: true - draw: - text-blend-order: - text_source: global.ux_language_text_source - visible: false - buffer: 3px - font: - family: global.text_font_family - fill: global.text_fill - country: - filter: - kind: country - draw: - text-blend-order: - priority: 3 - visible: global.text_visible_admin - anchor: center - font: - transform: uppercase - fill: [[2, 'rgba(100, 125, 130, 0.8)'], [5, 'rgba(56, 202, 204, 0.66)']] - stroke: - color: [[3, 'rgba(0, 0, 0, 0.6)'], [5, 'rgba(0, 0, 0, 0.9)']] - # width: 3px - width: [[0, '2px'], [2, '3px'], [7, '5px']] - size: [[3, 13px], [4, 15px], [5, 15px], [6, 17px], [7, 18px]] - large_country_label: - filter: - iso_code: [US, CA, RU, CN, IN, ID, AU] - draw: - text-blend-order: - font: - size: [[3, 14px], [5, 17px], [6, 20px], [7, 28px], [8, 30px]] - region: - filter: - all: - - kind: region - - $zoom: {max: 13} - draw: - text-blend-order: - # Does not work due to OLPRPS-3721 - # text_source: global.ux_language_text_source_short - priority: 4 - visible: global.text_visible_admin - font: - transform: uppercase - size: [[3, 11px], [4, 12px], [5, 15px], [19, 16px]] - fill: [[3, 'rgba(0, 0, 20, 0.3)'], [4, 'rgba(120, 120, 120, 0.6)']] - stroke: - color: 'rgba(250, 253, 255, 0.2)' - width: 1px - populated-places: - filter: - all: - - kind: locality - - $zoom: {min: 4} - draw: - icon_library: - visible: global.icon_visible_populated_places - size: [[9, 4px], [10, 0px]] - sprite: city-center--circle_day - buffer: 8px - priority: 30 - text: - visible: global.text_visible_populated_places - buffer: 3px - font: - fill: global.text_fill - size: [[5, 9px], [8, 10px], [12, 11px]] - text-blend-order: - visible: global.text_visible_populated_places - buffer: 10px - font: - size: [[5, 9px], [8, 10px], [12, 11px]] - - population-1m-up: - filter: - population: global.population.class1-1m-up - draw: - icon_library: - priority: 6 - text: - visible: true - font: - fill: global.place_class1_color - size: [[4, 15px], [7, 15px], [8, 17px], [9, 18px], [13, 26px], [14, 0]] - stroke: - color: global.place_class1_outline_color - width: [[0, 1px], [6, 3px], [7, 5px], [8, 5px], [10, 5px], [11, 5px], [12, 5px], [13, 6px], [14, 6px]] - capital: - filter: - all: - - country_capital: true - - $zoom: { max: 14 } - draw: - icon_library: - size: [[9, 8px], [10, 0px]] - sprite: city-center--capital_day - priority: 5 - text: - priority: 5 - font: - fill: global.place_capital_color - region-capital: - filter: - all: - - region_capital: true - - $zoom: { max: 13} - draw: - icon_library: - size: [[9, 8px], [10, 0px]] - sprite: city-center--square_day - priority: 6 - text: - priority: 6 - county-capital: - filter: - all: - - county_capital: true - - $zoom: { max: 14} - draw: - icon_library: - size: [[9, 8px], [10, 0px]] - sprite: city-center--circle_day - priority: 7 - text: - priority: 7 - population-250k-1m: - filter: - population: global.population.class2-250k-1m - draw: - icon_library: - # visible: false - text: - visible: true - font: - fill: global.place_class2_color - size: [[0, 13px], [7, 13px], [8, 14px], [9, 15px], [10, 17px], [11, 19px], [12, 20px], [13, 22px], [14, 24px], [15, 0]] - stroke: - color: global.place_class2_outline_color - width: [[0, 1px], [6, 2px], [7, 3px], [8, 4px], [11, 5px], [12, 5px], [13, 5px], [14, 5px], [15, 1]] - capital: - filter: - all: - - country_capital: true - - $zoom: { max: 13 } - draw: - icon_library: - visible: true - size: [[9, 6px], [10, 0px]] - sprite: city-center--capital_day - priority: 5 - text: - font: - fill: global.place_capital_color - stroke: - color: global.place_capital_outline_color - region-capital: - filter: - all: - - region_capital: true - - $zoom: { max: 13} - draw: - icon_library: - size: [[9, 6px], [10, 0px]] - sprite: city-center--square_day - priority: 6 - text: - priority: 6 - county-capital: - filter: - all: - - county_capital: true - - $zoom: { max: 14} - draw: - icon_library: - size: [[9, 6px], [10, 0px]] - sprite: city-center--circle_day - priority: 7 - text: - priority: 7 - population-100k-250k: - filter: - population: global.population.class3-100k-250k - draw: - icon_library: - text: - font: - fill: global.place_class3_color - size: [[0, 0], [4, 0], [5, 11px], [6, 11px], [7, 12px], [8, 12px], [9, 13px], [10, 14px], [11, 15px], [12, 17px], [13, 19px], [14, 21px], [15, 0]] - stroke: - color: global.place_class3_outline_color - width: [[0, 1px], [5, 3px], [9, 4px], [10, 4px], [11, 4px], [12, 5px], [13, 5px], [14, 5px]] - capital: - filter: - all: - - country_capital: true - - $zoom: { max: 13 } - draw: - icon_library: - size: [[9, 5px], [10, 0px]] - sprite: city-center--capital_day - priority: 5 - text: - visible: true - font: - fill: global.place_capital_color - stroke: - color: global.place_capital_outline_color - region-capital: - filter: - all: - - region_capital: true - - $zoom: { max: 13 } - draw: - icon_library: - size: [[9, 5px], [10, 0px]] - sprite: city-center--square_day - priority: 6 - text: - visible: true - priority: 6 - county-capital: - filter: - all: - - county_capital: true - - $zoom: { max: 14} - draw: - icon_library: - size: [[9, 5px], [10, 0px]] - sprite: city-center--circle_day - priority: 7 - text: - priority: 7 - population-30k-100k: - filter: - population: global.population.class4-30k-100k - draw: - icon_library: - text: - # visible: true - font: - fill: global.place_class4_color - size: [[0, 0], [4, 0], [5, 10px], [6, 10px], [7, 11px], [9, 11px], [10, 12px], [11, 13px], [12, 15px], [13, 17px], [14, 18px], [15, 0]] - stroke: - color: global.place_class4_outline_color - width: 3px - capital: - filter: - all: - - country_capital: true - - $zoom: { max: 14 } - draw: - icon_library: - size: [[9, 4px], [10, 0px]] - sprite: city-center--capital_day - priority: 5 - text: - visible: true - font: - fill: global.place_capital_color - stroke: - color: global.place_capital_outline_color - region-capital: - filter: - all: - - region_capital: true - - $zoom: { max: 13} - draw: - icon_library: - size: [[9, 4px], [10, 0px]] - sprite: city-center--square_day - priority: 6 - text: - visible: true - priority: 6 - county-capital: - filter: - all: - - county_capital: true - - $zoom: { max: 14} - draw: - icon_library: - size: [[9, 4px], [10, 0px]] - sprite: city-center--circle_day - priority: 7 - text: - visible: true - priority: 7 - population-until-30k: - filter: - population: global.population.class5-until-30k - draw: - icon_library: - visible: false - text: - font: - fill: global.place_class5_color - size: [[0, 0], [4, 0], [5, 9px], [6, 9px], [7, 10px], [9, 10px], [10, 11px], [11, 11px], [12, 12px], [13, 14px], [14, 15px], [15, 0]] - stroke: - color: global.place_class5_outline_color - width: 2px - capital: - filter: - all: - - country_capital: true - - $zoom: { max: 14 } - draw: - icon_library: - size: [[9, 4px], [10, 0px]] - visible: true - sprite: city-center--capital_day - priority: 5 - text: - visible: true - font: - fill: global.place_capital_color - stroke: - color: global.place_capital_outline_color - region-capital: - filter: - all: - - region_capital: true - - $zoom: { max: 13} - draw: - icon_library: - visible: true - size: [[9, 4px], [10, 0px]] - sprite: city-center--square_day - priority: 6 - text: - visible: true - priority: 6 - county-capital: - filter: - all: - - county_capital: true - - $zoom: { max: 14} - draw: - icon_library: - size: [[9, 4px], [10, 0px]] - sprite: city-center--circle_day - priority: 7 - text: - priority: 7 - town: - filter: - kind_detail: town - draw: - icon_library: - size: [[9, 4px], [10, 0px]] - sprite: city-center--circle_day - priority: 8 - text: - priority: 8 - village: - filter: - kind_detail: [village, hamlet] - draw: - text-blend-order: - visible: global.text_visible_populated_places - priority: 9 - font: - fill: global.place_hamlet_color - size: [[10, 15px], [12, 12px],[14, 18px]] - stroke: - color: global.place_hamlet_outline_color - width: 1px - neighbourhoods: - filter: - all: - - kind: borough - - $zoom: { max: 15} - draw: - text-blend-order: - visible: global.text_visible_neighbourhoods - priority: 12 - buffer: 8px - max_lines: 2 - font: - fill: rgb(90,90,120) - size: [[9, 14px], [11, 15px], [13, 22px]] - stroke: - color: [ - [13, 'rgba(240, 245, 247, .70)'], - [14, 'rgba(237, 242, 244, .70)'], - [15, 'rgba(229, 236, 240, .70)'], - [16, 'rgba(224, 231, 235, .70)'] - ] - width: 1px - z13: - filter: - $zoom: 13 - draw: - text-blend-order: - font: - transform: uppercase - - island_label: - data: {source: omv, layer: earth} - filter: - kind: island - $zoom: { min: 0, max: 15} - draw: - text-blend-order: - visible: false - text_source: global.ux_language_text_source - priority: 21 - anchor: center - font: - fill: global.island_color - stroke: - color: global.island_outline_color - width: 1px - family: global.text_font_family - weight: normal - size: [[0, 10px], [11, 10px], [12, 11px], [13, 11px], [14, 12px], [15, 12px], [16, 13px]] \ No newline at end of file diff --git a/change-style-at-load/data/icons/sprite-2x.png b/change-style-at-load/data/icons/sprite-2x.png deleted file mode 100644 index 52c1b94e43f13ad52f9743137ea7b7cdafeb98f5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 19892 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 diff --git a/change-harp-style-at-load/data/night.json b/change-style-at-load/data/night.json similarity index 100% rename from change-harp-style-at-load/data/night.json rename to change-style-at-load/data/night.json diff --git a/change-style-at-load/demo.html b/change-style-at-load/demo.html index f4a9ec3..a096ae5 100644 --- a/change-style-at-load/demo.html +++ b/change-style-at-load/demo.html @@ -4,15 +4,15 @@ Set a map style at the load time - + - - - - + + + +
@@ -24,7 +24,7 @@

Set a map style at the load time

Code

-

The code below created a new H.map.Style instance that loads and parses the user's style 'dark.yaml'. After that +

The code below created a new H.map.Style instance that loads and parses the user's style 'night.json'. After that the style is set on the current vector provider.

diff --git a/change-style-at-load/demo.js b/change-style-at-load/demo.js index 81f47af..36e2e4a 100644 --- a/change-style-at-load/demo.js +++ b/change-style-at-load/demo.js @@ -5,12 +5,8 @@ function setStyle(map){ // get the vector provider from the base layer var provider = map.getBaseLayer().getProvider(); - // Create the style object from the YAML configuration. - // First argument is the style path and the second is the base URL to use for - // resolving relative URLs in the style like textures, fonts. - // all referenced resources relative to the base path https://js.api.here.com/v3/3.1/styles/omv. - var style = new H.map.Style('https://heremaps.github.io/maps-api-for-javascript-examples/change-style-at-load/data/dark.yaml', - 'https://js.api.here.com/v3/3.1/styles/omv/'); + // Create the style object from the configuration. + var style = new H.map.render.harp.Style('./data/night.json'); // set the style on the existing layer provider.setStyle(style); } diff --git a/change-style-at-runtime/demo.html b/change-style-at-runtime/demo.html index 99249be..5994efb 100644 --- a/change-style-at-runtime/demo.html +++ b/change-style-at-runtime/demo.html @@ -4,15 +4,15 @@ Change map style at runtime - + - - - - + + + +
diff --git a/change-style-at-runtime/demo.js b/change-style-at-runtime/demo.js index 2f93d15..9c5f112 100644 --- a/change-style-at-runtime/demo.js +++ b/change-style-at-runtime/demo.js @@ -4,31 +4,31 @@ * and modifies colors of the map features within that listener. * @param {H.Map} map A HERE Map instance within the application */ -function changeFeatureStyle(map){ +function changeFeatureStyle(map) { // get the vector provider from the base layer var provider = map.getBaseLayer().getProvider(); // get the style object for the base layer - var parkStyle = provider.getStyle(); + var defaultStyle = provider.getStyle(); var changeListener = (evt) => { - if (parkStyle.getState() === H.map.Style.State.READY) { - parkStyle.removeEventListener('change', changeListener); + if (defaultStyle.getState() === H.map.render.harp.Style.State.READY) { + defaultStyle.removeEventListener("change", changeListener); - // query the sub-section of the style configuration - // the call removes the subsection from the original configuration - var parkConfig = parkStyle.extractConfig(['landuse.park', 'landuse.builtup']); - // change the color, for the description of the style section - // see the Developer's guide - parkConfig.layers.landuse.park.draw.polygons.color = '#2ba815' - parkConfig.layers.landuse.builtup.draw.polygons.color = '#676d67' + // query the configuration + const config = defaultStyle.getConfig(); - // merge the configuration back to the base layer configuration - parkStyle.mergeConfig(parkConfig); + // Update required items from the configuration + config.definitions['Park.Color'] = "#2ba815"; + config.definitions['BuiltupArea.Color'] = "#676d67"; + + // Create a new style with updated configuration and apply + const newStyle = new H.map.render.harp.Style(config); + map.getBaseLayer().getProvider().setStyle(newStyle); } }; - parkStyle.addEventListener('change', changeListener); + defaultStyle.addEventListener('change', changeListener); } /** diff --git a/circle-on-the-map/demo.html b/circle-on-the-map/demo.html index 285e8d3..68ed0d3 100644 --- a/circle-on-the-map/demo.html +++ b/circle-on-the-map/demo.html @@ -4,15 +4,15 @@ Circle on the Map - + - - - - + + + +
diff --git a/circle-on-the-map/demo.js b/circle-on-the-map/demo.js index 7d44aa3..7f78ad5 100644 --- a/circle-on-the-map/demo.js +++ b/circle-on-the-map/demo.js @@ -21,9 +21,6 @@ function addCircleToMap(map){ } - - - /** * Boilerplate map initialization code starts below: */ diff --git a/context-menu/demo.html b/context-menu/demo.html index ea2c1e9..a781064 100644 --- a/context-menu/demo.html +++ b/context-menu/demo.html @@ -5,16 +5,16 @@ Context menu - + - - - - + + + +
diff --git a/custom-cluster-theme/demo.html b/custom-cluster-theme/demo.html index c237a9b..d8fd8e5 100644 --- a/custom-cluster-theme/demo.html +++ b/custom-cluster-theme/demo.html @@ -4,16 +4,16 @@ Marker Clustering with Custom Theme - + - - - - - + + + + +