blob: b5f2334e2ae5b79b1a9c365e8f7bdeac2d488591 [file] [log] [blame]
<link href='' rel='stylesheet'/>
body {
line-height: 1.6;
font-weight: 300;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222;
header {
position: fixed;
background-color: white;
margin: 9px;
padding: 20px;
z-index: 1;
border: solid 2px lightgray;
border-radius: 5px;
width: 300px;
header h2 {
margin: 0;
header p {
margin: 0 0 10px 0;
#map {
width: 100%;
height: 100%;
z-index: 0;
<title>Demonstration - Baremaps</title>
<body style="margin: 0">
<h2><i class="far fa-map"></i> Baremaps</h2>
<p>These <a target="_blank" href="">vector tiles</a> have been crafted with <a href="">Baremaps</a> and <a target="_blank" href="">OpenStreetMap</a> data.</p>
<a class="github-button" href="" data-size="large" data-show-count="true"
aria-label="Star apache/incubator-baremaps on GitHub">Star</a>
<a class="github-button" href=""
data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large"
aria-label="Download apache/incubator-baremaps on GitHub">Download</a>
<div id="map"></div>
<script src=''></script>
<script src="" crossorigin="anonymous"></script>
<script src="" crossorigin="anonymous"></script>
// Initialize the map
var map = new mapboxgl.Map({
container: 'map',
style: '',
center: [6.5743, 46.5189],
zoom: 14,
minZoom: 6,
maxZoom: 18
map.addControl(new mapboxgl.NavigationControl());