From 56bfc9caee08fd9e1f5784c1bcf8ee688c5cb2a8 Mon Sep 17 00:00:00 2001 From: SeanHsieh Date: Sun, 6 Aug 2023 01:17:44 +0800 Subject: [PATCH] feat(leaflet): implement icon in map --- pages/venue/venueMap.vue | 20 ++++++++++++++------ static/snake-bg.png | Bin 0 -> 5093 bytes static/{snake-icon.png => snake.png} | Bin static/venue-button.png | Bin 0 -> 252 bytes 4 files changed, 14 insertions(+), 6 deletions(-) create mode 100644 static/snake-bg.png rename static/{snake-icon.png => snake.png} (100%) create mode 100644 static/venue-button.png diff --git a/pages/venue/venueMap.vue b/pages/venue/venueMap.vue index 1516c48d9c..4181067e01 100644 --- a/pages/venue/venueMap.vue +++ b/pages/venue/venueMap.vue @@ -15,10 +15,13 @@ :attribution="tileProvider.attribution" layer-type="base" /> + -

Go Back

+

+ venue-center-btn +

OpenStreetMap contributors', - zoom: 15, + zoom: 16, icon: icon({ - iconUrl: '/snake-icon.png', - iconSize: [41, 42], - iconAnchor: [33, 15], + iconUrl: '/snake.png', + shadowUrl: '/snake-bg.png', + iconSize: [42, 42], + iconAnchor: [21, 21], + shadowSize: [45, 55], + shadowAnchor: [25, 30], }), center: [25.040997, 121.611417], markerLatLng: [25.040997, 121.611417], diff --git a/static/snake-bg.png b/static/snake-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..b31db4684cd7789bb185eeb93335635e8353cde7 GIT binary patch literal 5093 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 Hu0mjf8Xm(M literal 0 HcmV?d00001 diff --git a/static/snake-icon.png b/static/snake.png similarity index 100% rename from static/snake-icon.png rename to static/snake.png diff --git a/static/venue-button.png b/static/venue-button.png new file mode 100644 index 0000000000000000000000000000000000000000..9a45fcd955a2967e77b6b048f547832e08c1acb1 GIT binary patch literal 252 zcmVPx#wn;=mR45g_kv$HAKoEu3-wSAIV>|*{=^Z?jC$QB{JC7hYprhA{QZ8WP-}hja z5FutOC;521*_|17ajqFdQX9xk<$p%RY6_1U^2#^DcfYezFYxcmYkD=ct-Ig+t;N(1 z)oYkQ58iNtk@**@vyGt(@);Dd<*BZx(z>1bqxpmRy}YUwaVeFa&9|yAvOQt)|DvUR z*eXPI<#S_z>dG%Lg+AztuP_50