From 4e561dc76471e8c150b1934a65057a977ab001a0 Mon Sep 17 00:00:00 2001 From: MaysWind Date: Mon, 15 May 2023 23:31:53 +0800 Subject: [PATCH] change map marker icon --- public/img/map-marker-icon-2x.png | Bin 0 -> 1918 bytes public/img/map-marker-icon.png | Bin 0 -> 936 bytes public/img/map-marker-shadow.png | Bin 0 -> 736 bytes src/components/mobile/MapSheet.vue | 13 ++++++++++++- 4 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 public/img/map-marker-icon-2x.png create mode 100644 public/img/map-marker-icon.png create mode 100644 public/img/map-marker-shadow.png diff --git a/public/img/map-marker-icon-2x.png b/public/img/map-marker-icon-2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2ce8e4085c5092b0550edd12817a1daa42d84688 GIT binary patch literal 1918 zcmV-^2Z8vBP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D2NOv|K~!i%&6{m( z6h#=vpS`=@m6irX|NS>>Fw<9dHp31Gqb&YX8!xk z%+BmCmIOfioCRSd(_wR9GhtI;qhTXq*TKkT*d^F`*h$#0u*0xFMjUQTA@zkXArMfH zWI1dpjQI%6ge2@Z>SOE0G_QGC;pzqWX1B`?~z(gc3 z!yZ-#%EwOFW(aE5#nQMI0ugJGyaF4c4wRpE*b5NzzAg?-Ng)tWjpR)jg;W9xc^ZOx zbg?i43V{e-{oSwy>Okdaggpo`j8Z|03UNg2gWahPRGyz;i;IaVD8%Vb6jA9&oO!ZxvOdE^N}G}a?otxJQF)lM7x(XVUa2a}L+=`dU!@PciNq*7w1 z(zSIL6J6|-F6Im2jcA1~8G?q|iC(d)V-g-eP9l>hNNC&` z3Dpf%e@=IFO1ia8l1-;2)zT_@T4D`% zNpw+zL?+%Og0lXjPO>$1_eiq&tR%iZDDeY7iu7RIQjj<9g_r}(^cBK|+XK4f9y^|p zs`@EXvu=fir`?K6k1mzOV%F(Oc`yPIbgfWGk|+L>?(Msz_xMS%Vo~P@Mtlh&T(D{( z5OEul-(W_oS38lA*un;>d19qlwL?VEwTy@&5?$TW_0A57e{)c*sIeHXp6`H|W0_ft z1-beKv*6P(?Q|8kj0$m}0ZjYLLKZ zY|%V@e=&>73<{a5^De;D8oqI~gm0OE`NFs_mj*uRn{}vZ+&xn%WUS7YhRcrdr15&H zHM?T&V8r2@b!3+~?ifoU?$=eQC^UAIzNwW9_*Qk8U8vy{GEC>)5#mf$W<1m}j6#fJ zXs63D%KPJ?jx>ev37~82tN%K=^5LP5%M@}|=UssQn>u?gn44fR;9J#UHV&^+NSn@= z#=@#K)!ZWX66>-1E(6-wnkJoh0V+ygY?t0+C$NVwea!0u_@r;vVR)gM z`0JxO@1FR+M*M@7YLL?~eZi;lZO%~&Iim9};Z-~SrzG|t#(KijW~eamMW6KTA=*bM z1pP$LsG>_ODm?3o^;|0=c1MTA zzd9g2pYD}(M;AnRnguVw>JgDk*=Yx2-b1oZmkhy@+fJq=a`QNeF1TB&X5B8~F*o#& z5|`yYaY?mZl-^%{mqgUyz;)~Y|*on4Z?@QDk6P&9QL!$mKD~)x?E$t6h&0{bp-b zrzboMA*gsek`21#iw%x1&-fBT&;V{Z{jABjhVs3|4r~LB+3YzaTXo4b&qKs(PTm)R z2_X>kB$BsusU%N9M8VJcyb!1m0x^#w`2bez(INNRYarqyT?~f6g%F5YjD*Yo%>Pu# z!1t9aA%b7928!>&UI?e5e9*@S%zU#+W4@srB1A;~10|4Jy8d*5e*gdg07*qoM6N<$ Eg3srD^#A|> literal 0 HcmV?d00001 diff --git a/public/img/map-marker-icon.png b/public/img/map-marker-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..a615c3fafcb8be81f5d8ff802c295016b3c5b32a GIT binary patch literal 936 zcmV;Z16TZsP)P001Be1^@s6=bY0900001b5ch_0Itp) z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D13gJZK~zXftyWD) z6;T-d=4qOLX_i@=f(&wzK^Y;|A`-y}6I^Ngh?edOTC@;qVQr(gX{U>*u!sUtk_sfu zzzPeJ=m!idO?z7Ud^4SM?|nA!&D{6=>A;!q-tT_*JNI{H9La#Gx?@{l8o?9besDWj z4o-nz!BOxb*jGOE_y=q#LPd~#6U;foUG!zaNANlcv03HuAs_;QgD^M1L&~u_41;GO zG@`2-DIySPfaw7%lw)o92DU?}Usru1W(JSI^#~+Ep{C@FB7B%Vh=Sn)o+pw>=yHzg zqU-dBgL$GRubv4i=V30h9DwUeWXCqiJ9=1htEov4P&t8TsAQD+~S4OmqOBz*-K0_aG>M z8RQ?Ym%=lr#VIM)%LAVhp+%j3wlhxof?(c8iZrRJA4n9btdNbEL58K!Ks#s3c*`C& zF++_m`+!m9)z?a7bD6EfN?kSJI0e zO#_0RqJmY4IE9E07b&H8T96Hu**l2ZNd+ z@*o-22R_k73z*QqT$u$3=3`#{J%QRHOeeU+`hNiPbeg2tma z@*A)ous`!GBSi%2pJ6({wJsa`b(lQM2<#pL?!a{E+N#lI`llcuVsHt(tBWfJ%B1Fe%_rr<;aX7kayy{uBO5^6D}J&w1NEJ%>=f$*#roy2!W3L$87~)DMt|Wx0*OB zGKvsLFb;!13iY4s2kR}SJtMM;5J>a^rWw2q^36)iJ)l1eME(N*&?y#eR|H)E0000< KMNUMnLSTaEv00001b5ch_0Itp) z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0(D75K~z{r?UdPW z6fqD*hkai}gx~>*N8b4VuL1#KO~O#8-B7+|e--AM+noJFx$HK)avuC}%#nTd|Iob=QS-UoVbw3O0frf{zmJQwyYT zmWYg~g(J?)Rpn%}5(?i61DD+b_KbS-*;Q*GU7G>%?G%Odkl$es^*PV=#@T3lT}Z+1 zgzuK|2vT2_$UB||ajuQJ9y}w~VnBquAHG+{K)NQw2$!Sp7;EO*@#0xX*JZ#5;fG;B z8S_qMkPN5uJDlP2cmbznha@18Y5@u0qhdg*rfmn7yhP33eQpI@jcXwN27!7KeinWl zwvr>jp7+6NwVj0|u@waFc^FWD0py)PX2f_#5V`n%P^3%nK}0346@HELkQMhpjD70r)samufnu>4WQLj0_59$Sz-nx zqOI*YB)&OXjcGe$+AJu~BfBQI-YN-|?R- z{u(A>2GX`wz!pxJi!iyenHN-8WVM%Mv*P#gMVRl?!*kS#O7gT zfWTY949I>W5^~X+b|Y>!)g)Ry5_2E`0DUO_82%Lg61Iv~@L=__JZMI&<+t*E_)VCL zLAwC>90rI8lr80b3&Jz%LHz}Y)<7a!{Vx1A%wE8(ns9z+y$ZDuU8r4cHh%y`aW^=0 S<7i|60000 1) { if (!this.marker) { - this.marker = this.$map.leaflet.marker(this.initCenter).addTo(this.leaflet); + const markerIcon = this.$map.leaflet.icon({ + iconUrl: 'img/map-marker-icon.png', + iconRetinaUrl: 'img/map-marker-icon-2x.png', + iconSize: [25, 32], + iconAnchor: [12, 32], + shadowUrl: 'img/map-marker-shadow.png', + shadowSize: [41, 32] + }); + this.marker = this.$map.leaflet.marker(this.initCenter, { + icon: markerIcon + }); + this.marker.addTo(this.leaflet); } else { this.marker.setLatLng(this.initCenter); }