polygon label formatting

src/main/resources/assets/journeymap/web/index.html

@@ -21,19 +21,26 @@
 <div id="main">
  <v-style v-if="visibleWaypoints">
  <template v-for="(waypoint) in waypoints">
-.leaflet-tooltip.{{waypoint.className}} {
- color: {{waypoint.tooltipColor}};
- border-color: {{waypoint.tooltipColor}};
-}
+ .leaflet-tooltip.{{ waypoint.className }} {
+ color: {{ waypoint.tooltipColor }};
+ border-color: {{ waypoint.tooltipColor }};
+ }
+ </template>
+ </v-style>
+ <v-style v-if="visiblePolygons">
+ <template v-for="(polygon) in polygons">
+ .leaflet-tooltip.{{ polygon.className }} {
+ color: {{ polygon.fillColor }};
+ border-color: {{ polygon.strokeColor }};
+ }
  </template>
  </v-style>
-
  <v-style v-if="visibleAnimals || visibleMobs || visibleVillagers">
  <template v-for="(marker) in markers">
  <template v-if="marker.color !== undefined">
-.leaflet-tooltip.{{ marker.key.replaceAll("/", "_") }} {
- border-color: {{ marker.color }};
-}
+ .leaflet-tooltip.{{ marker.key.replaceAll("/", "_") }} {
+  border-color: {{ marker.color }};
+ }
  </template>
  </template>
  </v-style>
@@ -182,7 +189,8 @@
  v-if="visibleWaypoints"
  v-for="(waypoint) in waypoints"
  >
- <l-tooltip :options="{permanent: true, direction: 'center', offset: [0, 43], className: waypoint.className}">
+ <l-tooltip
+ :options="{permanent: true, direction: 'center', offset: [0, 43], className: waypoint.className}">
  {{ waypoint.name }}
  </l-tooltip>
  </l-marker>
@@ -209,7 +217,7 @@
  v-for="(polygon) in polygons"
 
  >
- <l-tooltip :options="{permanent: true, direction: 'center', offset: [0, 43], className: 'TEST ME OUT'}">
+ <l-tooltip :options="{permanent: true, direction: 'center', offset: [0, 43], className: polygon.className}">
  {{ polygon.label }}
  </l-tooltip>
  </l-polygon>