muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

even better arrows

Browse source
This commit is contained in:
muerwre 2019-02-26 17:51:18 +07:00
parent 07d4ff9084
commit 4dc07e5336
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/styles/map.less
View file

@ -93,10 +93,10 @@
.leaflet-arrow { .leaflet-arrow {
position: absolute; position: absolute;
left: -14px; left: -18px;
top: -14px; top: -18px;
width: 40px; width: 48px;
height: 40px; height: 48px;
} }
.touch-hinter-poly { .touch-hinter-poly {

4
src/utils/arrow.ts
View file

@ -7,8 +7,8 @@ export const createArrow = (latlng: LatLngLiteral, angle: number): Marker => mar
icon: divIcon({ icon: divIcon({
html: ` html: `
<div class="leaflet-arrow" style="transform: rotate(${angle}deg);"> <div class="leaflet-arrow" style="transform: rotate(${angle}deg);">
<svg width="40" height="40" preserveAspectRatio="xMidYMid"> <svg width="48" height="48" preserveAspectRatio="xMidYMid">
<use xlink:href="#path-arrow" transform="scale(1.6) translate(4)"/> <use xlink:href="#path-arrow" transform="scale(2) translate(5 -2)"/>
</svg> </svg>
</div> </div>
`, `,