1
/* required styles */
2
3
.leaflet-pane,
4
.leaflet-tile,
5
.leaflet-marker-icon,
6
.leaflet-marker-shadow,
7
.leaflet-tile-container,
8
.leaflet-pane > svg,
9
.leaflet-pane > canvas,
10
.leaflet-zoom-box,
11
.leaflet-image-layer,
12
.leaflet-layer {
13
position: absolute;
14
left: 0;
15
top: 0;
16
}
17
.leaflet-container {
18
overflow: hidden;
19
}
20
.leaflet-tile,
21
.leaflet-marker-icon,
22
.leaflet-marker-shadow {
23
-webkit-user-select: none;
24
-moz-user-select: none;
25
user-select: none;
26
-webkit-user-drag: none;
27
}
28
/* Prevents IE11 from highlighting tiles in blue */
29
.leaflet-tile::selection {
30
background: transparent;
31
}
32
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
33
.leaflet-safari .leaflet-tile {
34
image-rendering: -webkit-optimize-contrast;
35
}
36
/* hack that prevents hw layers "stretching" when loading new tiles */
37
.leaflet-safari .leaflet-tile-container {
38
width: 1600px;
39
height: 1600px;
40
-webkit-transform-origin: 0 0;
...
</html>