Skip to content

Instantly share code, notes, and snippets.

@brianbancroft

brianbancroft/index.html

Created July 29, 2017 01:37
Show Gist options
  • Save brianbancroft/0a3df8fe99eda620f1744db0b6ca6b49 to your computer and use it in GitHub Desktop.
Save brianbancroft/0a3df8fe99eda620f1744db0b6ca6b49 to your computer and use it in GitHub Desktop.
Download ZIP
Test my map
Raw
index.html
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script>L_PREFER_CANVAS = false; L_NO_TOUCH = false; L_DISABLE_3D = false;</script>
<script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/leaflet.markercluster-src.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/leaflet.markercluster.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/MarkerCluster.Default.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0/MarkerCluster.css" />
<link rel="stylesheet" href="https://rawgit.com/python-visualization/folium/master/folium/templates/leaflet.awesome.rotate.css" />
<style>html, body {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
<style>#map {position:absolute;top:0;bottom:0;right:0;left:0;}</style>
<style> #map_0b15fec16ca44bcfab66a0dbd8c55283 {
position : relative;
width : 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
</style>
</head>
<body>
<div class="folium-map" id="map_0b15fec16ca44bcfab66a0dbd8c55283" ></div>
</body>
<script>
var southWest = L.latLng(-90, -180);
var northEast = L.latLng(90, 180);
var bounds = L.latLngBounds(southWest, northEast);
var map_0b15fec16ca44bcfab66a0dbd8c55283 = L.map(
'map_0b15fec16ca44bcfab66a0dbd8c55283',
{center: [53.9270191,-122.892501],
zoom: 5,
maxBounds: bounds,
layers: [],
worldCopyJump: false,
crs: L.CRS.EPSG3857
});
var tile_layer_afd95e06cd9d4f8a85878d66b90a9015 = L.tileLayer(
'https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png',
{
maxZoom: 18,
minZoom: 1,
continuousWorld: false,
noWrap: false,
attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
detectRetina: false
}
).addTo(map_0b15fec16ca44bcfab66a0dbd8c55283);
var marker_2ac1ab44b1d14beeb38c20c97132a684 = L.marker(
[49.1539748,-123.1894962],
{
icon: new L.Icon.Default()
}
)
.addTo(map_0b15fec16ca44bcfab66a0dbd8c55283);
var popup_4dfd8cad3d7a4979835b7aaf14cb90c4 = L.popup({maxWidth: '300'});
var html_170063fd11664e7a93017176f6a5a5b8 = $('<div id="html_170063fd11664e7a93017176f6a5a5b8" style="width: 100.0%; height: 100.0%;">my #beer is #adrift #hahaha #bbq is #lit @ G B Grill&#39;n Shack https://t.co/VSiel5X6je</div>')[0];
popup_4dfd8cad3d7a4979835b7aaf14cb90c4.setContent(html_170063fd11664e7a93017176f6a5a5b8);
marker_2ac1ab44b1d14beeb38c20c97132a684.bindPopup(popup_4dfd8cad3d7a4979835b7aaf14cb90c4);
var marker_9c7c013627904a93af548f63b9b68cce = L.marker(
[49.8381741,-119.6096155],
{
icon: new L.Icon.Default()
}
)
.addTo(map_0b15fec16ca44bcfab66a0dbd8c55283);
var popup_64cf7b178c9d4f6d99d0f70d7e473835 = L.popup({maxWidth: '300'});
var html_3c4f45bf21a04b37abb8e9b15dfbd0c9 = $('<div id="html_3c4f45bf21a04b37abb8e9b15dfbd0c9" style="width: 100.0%; height: 100.0%;">Lager &amp;amp; Lime for the Birthday Girl! Love you Hun! xo @ Kelly O&#39;Bryan&#39;s West Kelowna https://t.co/uS8AuHrdz7</div>')[0];
popup_64cf7b178c9d4f6d99d0f70d7e473835.setContent(html_3c4f45bf21a04b37abb8e9b15dfbd0c9);
marker_9c7c013627904a93af548f63b9b68cce.bindPopup(popup_64cf7b178c9d4f6d99d0f70d7e473835);
var marker_42826f1755434f13b7bab2f8dbe1f7aa = L.marker(
[53.9270191,-122.892501],
{
icon: new L.Icon.Default()
}
)
.addTo(map_0b15fec16ca44bcfab66a0dbd8c55283);
var popup_8ef84f5041514395a8c95ed00e232266 = L.popup({maxWidth: '300'});
var html_ca84c7d7d0684604a6637638139927d5 = $('<div id="html_ca84c7d7d0684604a6637638139927d5" style="width: 100.0%; height: 100.0%;">hello world</div>')[0];
popup_8ef84f5041514395a8c95ed00e232266.setContent(html_ca84c7d7d0684604a6637638139927d5);
marker_42826f1755434f13b7bab2f8dbe1f7aa.bindPopup(popup_8ef84f5041514395a8c95ed00e232266);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment