proximiio-js-library 1.10.2 → 1.10.3

package/README.md

@@ -147,6 +147,7 @@ const map = new Proximiio.Map({
       opacity: number; // optional, default: 1, default polygon opacity
       minZoom: number; // optional, default: 17, default polygon minimum zoom visibility
       maxZoom: number; // optional, default: 24, default polygon maximum zoom visibility
+      textFont: string[] // optional, default: ['Amiri Bold'], define font stack to use for displaying labels, check Available fonts at the bottom
       labelFontSize: (string | number | string[])[] | number; // optional, define polygon label font size, default is interpolate expression based on zoom level
       symbolPlacement: 'point' | 'line' | 'line-center'; // optional, label placement relative to its geometry, default: 'line-center'
       autoLabelLines: boolean; // optional, default: true, if no label-line is defined in the feature metadata, if enabled it's automatically generated based on the longest polygon border
@@ -967,6 +968,34 @@ select.getSelectListener().subscribe(place => {
 });
 ```
 
+## Available fonts
+
+- Amiri Bold
+- Amiri Bold Slanted
+- Amiri Regular
+- Amiri Slanted
+- Klokantech Noto Sans Bold
+- KlokanTech Noto Sans Bold
+- Klokantech Noto Sans CJK Bold
+- KlokanTech Noto Sans CJK Bold
+- Klokantech Noto Sans CJK Regular
+- Klokantech Noto Sans Italic
+- KlokanTech Noto Sans Italic
+- Klokantech Noto Sans Regular
+- KlokanTech Noto Sans Regular
+- NeutraText-DemiSCAlt
+- Noto Sans Bold
+- Noto Sans Bold Italic
+- Noto Sans Italic
+- Noto Sans Regular
+- Open Sans Bold
+- Open Sans Italic
+- Open Sans Regular
+- Open Sans Regular,Arial Unicode MS Regular
+- Open Sans Semibold
+- Open Sans Semibold Italic 
+
+
 ## Examples
 
 ### Generate route on map with select components

package/lib/components/map/custom-layers.js

@@ -127,7 +127,7 @@ var PolygonTitlesLayer = /** @class */ (function (_super) {
             'text-ignore-placement': true,
             'text-allow-overlap': true,
             'text-field': '{title}',
-            'text-font': ['Amiri Bold'],
+            'text-font': data.textFont,
             'text-size': data.labelFontSize,
             'text-letter-spacing': 0.005,
             'text-max-width': 7,

package/lib/components/map/main.d.ts

@@ -61,6 +61,7 @@ export interface Options {
         labelFontSize?: (string | number | string[])[] | number | any;
         symbolPlacement?: 'point' | 'line' | 'line-center';
         autoLabelLines?: boolean;
+        textFont?: string[];
     };
     zoomLevel?: number;
     considerVisibilityParam?: boolean;

package/lib/components/map/main.js

@@ -183,6 +183,7 @@ var Map = /** @class */ (function () {
                         // Add more stops as needed based on your data range
                     ],
                 ],
+                textFont: ['Amiri Bold'],
                 symbolPlacement: 'line-center',
                 autoLabelLines: true,
             },
@@ -825,7 +826,7 @@ var Map = /** @class */ (function () {
                     'icon-anchor': 'bottom',
                     'text-anchor': 'bottom',
                     'text-offset': [0, -2.4],
-                    'text-font': ['Amiri Bold'],
+                    'text-font': this.defaultOptions.polygonsOptions.textFont,
                 },
                 paint: {
                     'text-color': '#fff',