@htmlbricks/hb-map 0.65.17 → 0.65.19

package/manifest.json

@@ -286,6 +286,21 @@
               "properties": {
                 "centerFromGeometries": {
                   "type": "boolean"
+                },
+                "text_offset": {
+                  "type": "number"
+                },
+                "text_position": {
+                  "enum": [
+                    "top",
+                    "right",
+                    "bottom",
+                    "left"
+                  ],
+                  "type": "string"
+                },
+                "text_scale": {
+                  "type": "number"
                 }
               },
               "type": "object"
@@ -296,6 +311,14 @@
             "source": {
               "additionalProperties": false,
               "properties": {
+                "style": {
+                  "enum": [
+                    "positron",
+                    "dark_matter",
+                    "voyager"
+                  ],
+                  "type": "string"
+                },
                 "type": {
                   "type": "string"
                 },
@@ -483,7 +506,7 @@
     },
     {
       "name": "markerWithText",
-      "description": "Markers with text labels in all 4 positions around the icon",
+      "description": "Markers with text using global options for position and offset",
       "data": {
         "center": [
           10,
@@ -494,7 +517,9 @@
           "type": "osm"
         },
         "options": {
-          "centerFromGeometries": true
+          "centerFromGeometries": true,
+          "text_position": "right",
+          "text_offset": 8
         },
         "data": [
           {
@@ -511,7 +536,7 @@
                   0.5
                 ]
               },
-              "text": "Right (default)"
+              "text": "Uses global (right)"
             }
           },
           {
@@ -528,7 +553,7 @@
                   0.5
                 ]
               },
-              "text": "Left",
+              "text": "Override: left",
               "text_position": "left"
             }
           },
@@ -546,7 +571,7 @@
                   0.5
                 ]
               },
-              "text": "Top",
+              "text": "Override: top",
               "text_position": "top"
             }
           },
@@ -564,7 +589,7 @@
                   0.5
                 ]
               },
-              "text": "Bottom",
+              "text": "Override: bottom",
               "text_position": "bottom"
             }
           },
@@ -582,14 +607,50 @@
                   0.5
                 ]
               },
-              "text": "Custom gap (20px)",
-              "text_position": "right",
+              "text": "Override: gap 20px",
               "text_offset": 20
             }
           }
         ]
       }
     },
+    {
+      "name": "markerWithLargeText",
+      "description": "Markers with scaled up text (text_scale: 1.5)",
+      "data": {
+        "center": [
+          10,
+          10
+        ],
+        "zoom": 11,
+        "source": {
+          "type": "osm"
+        },
+        "options": {
+          "centerFromGeometries": true,
+          "text_scale": 1.5
+        },
+        "data": [
+          {
+            "marker": {
+              "lngLat": [
+                10,
+                10
+              ],
+              "icon": {
+                "uri": "https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg",
+                "scale": 0.15,
+                "anchor": [
+                  0.5,
+                  0.5
+                ]
+              },
+              "text": "Large text"
+            }
+          }
+        ]
+      }
+    },
     {
       "name": "textOnly",
       "description": "Markers with text only (no icon)",
@@ -618,6 +679,57 @@
         ]
       }
     },
+    {
+      "name": "cartoVoyager",
+      "description": "CARTO vector tiles with Voyager style (default, colorful)",
+      "data": {
+        "center": [
+          12.4964,
+          41.9028
+        ],
+        "zoom": 12,
+        "source": {
+          "type": "carto_vector",
+          "style": "voyager"
+        },
+        "options": {},
+        "data": []
+      }
+    },
+    {
+      "name": "cartoPositron",
+      "description": "CARTO vector tiles with Positron style (light, minimal)",
+      "data": {
+        "center": [
+          12.4964,
+          41.9028
+        ],
+        "zoom": 12,
+        "source": {
+          "type": "carto_vector",
+          "style": "positron"
+        },
+        "options": {},
+        "data": []
+      }
+    },
+    {
+      "name": "cartoDarkMatter",
+      "description": "CARTO vector tiles with Dark Matter style (dark theme)",
+      "data": {
+        "center": [
+          12.4964,
+          41.9028
+        ],
+        "zoom": 12,
+        "source": {
+          "type": "carto_vector",
+          "style": "dark_matter"
+        },
+        "options": {},
+        "data": []
+      }
+    },
     {
       "name": "screenshot",
       "description": "Set screenshot to 'yes' to capture the map as base64 via the screenshotTaken event",
@@ -654,5 +766,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-map",
-  "version": "0.65.17"
+  "version": "0.65.19"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-map",
-  "version": "0.65.17",
+  "version": "0.65.19",
   "contributors": [],
   "description": "",
   "licenses": [

package/types/webcomponent.type.d.json

@@ -190,6 +190,21 @@
           "properties": {
             "centerFromGeometries": {
               "type": "boolean"
+            },
+            "text_offset": {
+              "type": "number"
+            },
+            "text_position": {
+              "enum": [
+                "top",
+                "right",
+                "bottom",
+                "left"
+              ],
+              "type": "string"
+            },
+            "text_scale": {
+              "type": "number"
             }
           },
           "type": "object"
@@ -200,6 +215,14 @@
         "source": {
           "additionalProperties": false,
           "properties": {
+            "style": {
+              "enum": [
+                "positron",
+                "dark_matter",
+                "voyager"
+              ],
+              "type": "string"
+            },
             "type": {
               "type": "string"
             },

package/types/webcomponent.type.d.ts

@@ -44,8 +44,13 @@ export type Component = {
       popupHtml?: string;
     }[];
   }[];
-  source: { type: string; url?: string };
-  options: { centerFromGeometries?: boolean };
+  source: { type: string; url?: string; style?: "positron" | "dark_matter" | "voyager" };
+  options: {
+    centerFromGeometries?: boolean;
+    text_position?: "top" | "right" | "bottom" | "left";
+    text_offset?: number;
+    text_scale?: number;
+  };
   screenshot?: string;
 };