-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
89 lines (81 loc) · 1.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<html>
<head>
<title>
Demo Map Api-Vietmap
</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og=="
crossorigin=""></script>
<style>
body{
margin:0;
padding:0;
}
.top{
position:absolute;
height:50px;
left:0;
right:0;
background:gray;
}
.center{
position:absolute;
right:0;
left:0;
top:50px;
bottom:0
}
#map{
width:100%;
height:100%;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 13px;
text-decoration: none;
}
li a:hover {
background-color: #111111;
}
li.active{
background-color: darkgreen;
font-weight: bold;
}
</style>
</head>
<body>
<div class="top">
<ul style>
<li class="nav active"><a href="tilemap.html">Bản đồ nền</a></li>
<li class="nav"><a href="routing.html">Dẫn đường qua 2 điểm</a></li>
<li class="nav"><a href="routingmulti.html">Dẫn đường qua nhiều điểm</a></li>
<li class="nav"><a href="autosearch.html">Auto Search</a></li>
</ul>
</div>
<div class="center">
<div id="map"></div>
</div>
<script>
var map = L.map('map').setView([10.758810, 106.681450], 14);
L.tileLayer('https://maps.vietmap.vn/tm/{z}/{x}/{y}.png?apikey=9cbf0bc15d3901b7e043d8f76be8d73f370a82fe629a2d46', {
attribution: '© <a href="https://maps.vietmap.vn/copyright">Vietmap</a> contributors'
}).addTo(map);
</script>
</body>
</html>