mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-14 06:57:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

change map marker icon

Browse Source
This commit is contained in:
MaysWind
2023-05-15 23:31:53 +08:00
parent a55256ad82
commit 4e561dc764
4 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/img/map-marker-icon-2x.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

public/img/map-marker-icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 936 B

public/img/map-marker-shadow.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 736 B

src/components/mobile/MapSheet.vue
+12 -1
View File
@@ -95,7 +95,18 @@ export default {
if (centerChanged && this.zoomLevel > 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);
}