From cde0c327a061306d28d022c40519814c3a78885c Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Wed, 23 Feb 2022 23:22:08 +0000
Subject: [PATCH] Round marker list locations

---
 src/components/list/MarkerListItem.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/list/MarkerListItem.vue b/src/components/list/MarkerListItem.vue
index 7c9105e..18f7c45 100644
--- a/src/components/list/MarkerListItem.vue
+++ b/src/components/list/MarkerListItem.vue
@@ -20,7 +20,7 @@
 		<img width="16" height="16" v-if="icon" class="marker__icon" :src="icon" alt="" />
 		<SvgIcon v-else :name="defaultIcon" class="marker__icon"></SvgIcon>
 		<span class="marker__label">{{ marker.tooltip || messageUnnamed }}</span>
-		<span class="marker__location">X: {{ marker.location.x }}, Z: {{ marker.location.z }}</span>
+		<span class="marker__location">X: {{ location.x }}, Z: {{ location.z }}</span>
 	</label>
 </template>
 
@@ -54,6 +54,10 @@ export default defineComponent({
 	setup(props) {
 		const store = useStore(),
 			messageUnnamed = computed(() => store.state.messages.markersUnnamed),
+			location = computed(() => ({
+				x: Math.round(props.marker.location.x),
+				z: Math.round(props.marker.location.z),
+			})),
 			icon = computed(() => {
 				if('icon' in props.marker) {
 					return store.state.currentMapProvider!.getMarkerIconUrl((props.marker as LiveAtlasPointMarker).icon);
@@ -94,6 +98,7 @@ export default defineComponent({
 			defaultIcon,
 			messageUnnamed,
 			pan,
+			location,
 		}
 	}
 });