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 {
position: absolute;
left: -14px;
top: -14px;
width: 40px;
height: 40px;
left: -18px;
top: -18px;
width: 48px;
height: 48px;
}
.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({
html: `
<div class="leaflet-arrow" style="transform: rotate(${angle}deg);">
<svg width="40" height="40" preserveAspectRatio="xMidYMid">
<use xlink:href="#path-arrow" transform="scale(1.6) translate(4)"/>
<svg width="48" height="48" preserveAspectRatio="xMidYMid">
<use xlink:href="#path-arrow" transform="scale(2) translate(5 -2)"/>
</svg>
</div>
`,