Skip to content

Instantly share code, notes, and snippets.

@pigreco

pigreco/index.html

Last active April 13, 2016 21:20
Show Gist options
  • Save pigreco/88fc563e6a5b53b52440e7d715e93563 to your computer and use it in GitHub Desktop.
Save pigreco/88fc563e6a5b53b52440e7d715e93563 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="./resources/ol.css" />
<link rel="stylesheet" href="./resources/ol3-layerswitcher.css">
<link rel="stylesheet" href="./resources/qgis2web.css">
<style>
html, body {
background-color: #ffffff;
}
</style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
<script>proj4.defs('EPSG:23032','+proj=utm +zone=32 +ellps=intl +towgs84=-87,-98,-121,0,0,0,0 +units=m +no_defs');</script>
<script src="resources/polyfills.js"></script>
<script src="./resources/ol.js"></script>
<script src="resources/OSMBuildings-OL3.js"></script>
<script src="./resources/ol3-layerswitcher.js"></script>
<link href="http://cdn.jsdelivr.net/openlayers.geocoder/latest/ol3-geocoder.min.css" rel="stylesheet">
<script src="http://cdn.jsdelivr.net/openlayers.geocoder/latest/ol3-geocoder.js"></script>
<script src="layers/prov211g.js"></script>
<script src="styles/prov211g_style.js"></script>
<script src="./layers/layers.js" type="text/javascript"></script>
<style>
#map {
width: 1518px;
height: 882px;
}
</style>
<title></title>
</head>
<body>
<div id="map">
<div id="popup" class="ol-popup">
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
<div id="popup-content"></div>
</div>
</div>
<script src="./resources/qgis2web.js"></script>
<script src="./resources/Autolinker.min.js"></script>
<style>
.tooltip {
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: white;
padding: 4px 8px;
opacity: 0.7;
white-space: nowrap;
}
.tooltip-measure {
opacity: 1;
font-weight: bold;
}
.tooltip-static {
background-color: #ffcc33;
color: black;
border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
border-top: 6px solid rgba(0, 0, 0, 0.5);
border-right: 6px solid transparent;
border-left: 6px solid transparent;
content: "";
position: absolute;
bottom: -6px;
margin-left: -7px;
left: 50%;
}
.tooltip-static:before {
border-top-color: #ffcc33;
}
.measure-control {
top: 65px;
left: .5em;
}
.ol-touch .measure-control {
top: 80px;
}
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment