Skip to content

Commit 5778af8

Browse files
committed
【 update 】视频地图模板
1 parent fb3748f commit 5778af8

3 files changed

Lines changed: 79 additions & 2 deletions

File tree

examples/component/css/map.css

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
body {
2+
margin: 0;
3+
padding: 0;
4+
}
5+
6+
#map {
7+
position: absolute;
8+
top: 0;
9+
bottom: 0;
10+
width: 100%;
11+
}
12+
.mapboxgl-popup {
13+
max-width: none;
14+
}
15+
.mapboxgl-popup-tip {
16+
width: 0;
17+
height: 0;
18+
border: 10px solid transparent;
19+
z-index: 1;
20+
}
21+
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
22+
-webkit-align-self: center;
23+
align-self: center;
24+
border-bottom: none;
25+
border-top-color: #fff;
26+
}
27+
.mapboxgl-popup-content {
28+
padding: 0;
29+
background: #fff;
30+
color: rgba(0, 0, 0, 0.65);
31+
position: relative;
32+
border-radius: 3px;
33+
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
34+
pointer-events: auto;
35+
}
36+
.identify {
37+
display: block;
38+
border-radius: 4px;
39+
background: rgb(255, 255, 255);
40+
color: rgba(0, 0, 0, 0.65);
41+
}
42+
.mapboxgl-popup-content ul {
43+
list-style: none;
44+
margin: 0;
45+
padding: 0;
46+
padding-top: 4px;
47+
overflow: auto;
48+
font-size: 14px;
49+
max-height: 200px;
50+
background: transparent;
51+
border-collapse: separate;
52+
}
53+
.mapboxgl-popup-content ul li {
54+
display: table-row;
55+
text-align: -webkit-match-parent;
56+
border-collapse: separate;
57+
font-size: 14px;
58+
color: rgba(0, 0, 0, 0.65);
59+
}
60+
.mapboxgl-popup-content ul li > div {
61+
max-width: 170px;
62+
/* overflow: hidden;
63+
text-overflow: ellipsis;
64+
white-space: nowrap; */
65+
padding: 4px 16px;
66+
box-sizing: border-box;
67+
text-align: center;
68+
font-weight: 800;
69+
}
70+
.mapboxgl-popup-close-button {
71+
display: none;
72+
}
73+
::-webkit-scrollbar {
74+
width: 6px;
75+
height: 6px;
76+
background-color: rgba(245, 245, 245, 0);
77+
}

examples/component/marker-icon.png

1.43 KB
Loading

examples/component/二维地图.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
href="https://iclient.supermap.io/web/libs/mapbox-gl-js/plugins/mapbox-gl-draw/1.2.0/mapbox-gl-draw.css">
1111
<script type="text/javascript"
1212
src="https://iclient.supermap.io/web/libs/mapbox-gl-js/plugins/mapbox-gl-draw/1.2.0/mapbox-gl-draw.js"></script>
13-
<script type="text/javascript" src="./libs/iclient-mapboxgl-es6.js"></script>
14-
<link rel="stylesheet" href="./libs/iclient-mapboxgl.min.css">
13+
<script type="text/javascript" src="../../dist/mapboxgl/iclient-mapboxgl-es6.js"></script>
14+
<link rel="stylesheet" href="../../dist/mapboxgl/iclient-mapboxgl.min.css">
1515
<script src="https://cdn.bootcdn.net/ajax/libs/Turf.js/6.5.0/turf.min.js"></script>
1616
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/proj4js/2.6.2/proj4.js"></script>
1717
<link rel="stylesheet" href="./css/map.css">

0 commit comments

Comments
 (0)