Commit 7451856c authored by Clément Igonet's avatar Clément Igonet

Add OSMBuildings viewer

parent cd7a0f66
.osmb-container {
}
.osmb-attribution {
position:absolute;
right:0;
bottom:0;
padding:1px 3px;
background:rgba(255,255,255,0.5);
font:11px sans-serif;
z-index: 10;
}
.osmb-attribution a {
text-decoration:none;
color:#0078A8;
}
.osmb-attribution a:visited {
text-decoration:none;
color:#0078A8;
}
.osmb-attribution a:hover {
text-decoration:underline;
color:#0078A8;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
<html>
<head>
<link rel="stylesheet" href="OSMBuildings/OSMBuildings.css">
<script src="OSMBuildings/OSMBuildings.js"></script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
#map {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = new GLMap('map', {
position: {
latitude: 40.7487894,
longitude: -73.9860386
},
zoom: 16
});
var osmb = new OSMBuildings({
minZoom: 15,
maxZoom: 22
}).addTo(map);
osmb.addMapTiles(
'https://{s}.tiles.mapbox.com/v3/osmbuildings.kbpalbpk/{z}/{x}/{y}.png', {
attribution: '© Data <a href="http://openstreetmap.org/copyright/">OpenStreetMap</a> · © Map <a href="http://mapbox.com">MapBox</a>'
}
);
// osmb.addGeoJSONTiles('http://{s}.data.osmbuildings.org/0.2/anonymous/tile/{z}/{x}/{y}.json');
osmb.addGeoJSONTiles('http://www.openearthview.net/3dtile.php?format=geojson&xtile={x}&ytile={y}&zoom={z}');
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment