Huge and dirty refactoring of the vector tile stuff.

src/components/infos/Infos.tsx

@@ -15,6 +15,12 @@ import Dialog from '../dialog';
 import Tree from '../tree';
 import { GpxViewer } from '../gpx';
 import { Browser } from '@capacitor/browser';
+import { isHighlighted } from '../map-tile-provider';
+import {
+  getHighlightedTagValue,
+  getTagValue,
+} from '../map-tile-provider/MapTileProvider';
+import style from '../gpx/styles';
 
 const Item = styled(Paper)(({ theme }) => ({
   ...theme.typography.body2,
@@ -198,7 +204,12 @@ const Infos: Component<{}> = (props) => {
                               <>
                                 {console.log({
                                   caller: 'Infos / vector layer feature',
+                                  highlightedTagValue:
+                                    getHighlightedTagValue(feature),
+                                  isHighlighted: isHighlighted(feature),
+                                  tagValue: getTagValue(feature),
                                   properties: feature.getProperties(),
+                                  style: style(feature),
                                 })}
                               </>
                               <For each={Object.keys(feature.getProperties())}>