-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (68 loc) · 3.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=description content="OpenLayers map marker with popup. Create marker with geolocation or double click. Delivery area with polygon. Multiple markers with html popups. Animated markers.">
<title>Quick start - OpenLayer map examples (ver. 6.x.x)</title>
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<!-- fonts -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhaina+2:400,500,600,700,800&display=swap&subset=latin-ext" rel="stylesheet">
<!-- OpenLayers map
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/css/ol.css" type="text/css">
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/build/ol.js"></script>
-->
<!--
<link rel="stylesheet" href="data/style.css">
<script defer src="data/main.js"></script>
-->
<style>
*{
box-sizing: border-box;
font-family: 'Baloo Bhaina 2', cursive;
outline: none;
}
:focus {
outline: 0;
}
h1,p,ul{
float: left; width: 100%; text-align: center;
}
h1,h2, h3, h4, h5, h6 {
font-weight: 500;
}
h1{
font-size: 44px;
}
ul{
padding: 0px;
}
ul li{
margin: 0xp;
float: left; width: 100%; text-align: center; list-style: none
}
ul li a{
color: #09f; font-weight: 900; transition: all .6s;
}
ul li a:hover{
color: rgb(153, 6, 97);
}
#github{
position: fixed; top: 0px; right: 0px; margin: 0px; padding: 0px;
}
</style>
</head>
<body>
<h1>Openlayers map exapmles</h1>
<p>Quick start with openLayers map marker with popup. Create marker with geolocation or double click. Delivery area with polygon. Multiple markers with html popups. Animated markers.</p>
<ul>
<li> <a href="map-marker-click.html" target="_blank" title="Openlayers map with popup"> Openlayers map with popup </a> </li>
<li> <a href="map-polygon.html" target="_blank" title="Openlayers map delivery area"> Openlayers map delivery area </a> </li>
<li> <a href="map-multiple-markers.html" target="_blank" title="Openlayers map multiple markers html popup with images"> Openlayers map multiple markers html popup with images </a> </li>
</ul>
<a href="https://github.com/atomjoy" id="github"><img width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
</body>
</html>