Skip to content

Instantly share code, notes, and snippets.

@yohanboniface

yohanboniface/gist:75317131d350a9e4eace Secret

Last active December 19, 2015 02:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yohanboniface/75317131d350a9e4eace to your computer and use it in GitHub Desktop.
Save yohanboniface/75317131d350a9e4eace to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<title>atm - uMap</title>
<meta charset="utf-8">
<link rel="stylesheet" href="http://localhost:8019/static/leaflet/dist/leaflet.css" />
<script src="http://localhost:8019/static/leaflet/dist/leaflet-src.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style type="text/css">
#map {
height:100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
</style>
</head>
<body class="map_detail">
<div id="map"></div>
<script type="text/javascript">
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});
var MAP = new L.Map("map", {
center: [48,4],
layers: [cloudmade],
zoom: 9
});
var layer = new L.GeoJSON({"type": "FeatureCollection", "features": [{"geometry": {"type": "LineString", "coordinates": [[10.162353515625, 49.18170338770663], [9.84375, 48.68370757165361], [7.393798828125, 49.088257784724675], [7.00927734375, 49.63917719651036], [6.08642578125, 49.95828842806968]]}, "type": "Feature", "id": 3517, "properties": {"options": {"opacity": null, "weight": null, "color": "", "stroke": true, "smoothFactor": null, "dashArray": "", "fillOpacity": null, "fill": false, "fillColor": ""}, "name": "une ligne", "icon": {}, "datalayer_id": 887}}]});
MAP.addLayer(layer);
</script>
<script type="text/javascript">
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment