legonzaur/better-mreso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip: working on trips

Browse Source
This commit is contained in:
legonzaur
2026-07-18 12:01:53 +02:00
parent 6dbefb0e33
commit 5cdfbd3bb5
8 changed files with 76 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/map/lines.client.vue
+6 -6
View File
@@ -1,8 +1,8 @@
<template>
<mgl-geo-json-source source-id="lines" :data="routeWithLine.line">
<mgl-geo-json-source source-id="lines" :data="line">
<mgl-line-layer layer-id="line" :paint="paint" :layout="layout" />
</mgl-geo-json-source>
<mgl-geo-json-source source-id="lines_border" :data="routeWithLine.line">
<mgl-geo-json-source source-id="lines_border" :data="line">
<mgl-line-layer
layer-id="line_border"
:paint="offset_paint"
@@ -12,14 +12,14 @@
</template>
<script setup lang="ts">
import type { Feature, MultiLineString } from "geojson";
import type { Feature, LineString, MultiLineString } from "geojson";
const { routeWithLine } = defineProps<{
routeWithLine: { route: Route; line: Feature<MultiLineString> };
const { line } = defineProps<{
line: Feature<MultiLineString | LineString, LineProperties>;
}>();
const paint = computed(() => ({
"line-color": "#" + routeWithLine.route.color,
"line-color": "#" + line.properties?.route?.color,
"line-width": 4,
}));