diff options
Diffstat (limited to 'extlib/leaflet/debug/map/map-mobile.html')
-rw-r--r-- | extlib/leaflet/debug/map/map-mobile.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/extlib/leaflet/debug/map/map-mobile.html b/extlib/leaflet/debug/map/map-mobile.html new file mode 100644 index 00000000..27d12ed9 --- /dev/null +++ b/extlib/leaflet/debug/map/map-mobile.html @@ -0,0 +1,42 @@ +<!DOCTYPE html>
+<html>
+<head>
+ <title>Leaflet debug page</title>
+
+ <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+
+ <link rel="stylesheet" href="../../dist/leaflet.css" />
+ <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
+
+ <link rel="stylesheet" href="../css/mobile.css" />
+
+ <script src="../leaflet-include.js"></script>
+</head>
+<body>
+
+ <div id="map"></div>
+
+ <script type="text/javascript">
+
+ var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
+ cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
+ cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});
+
+ var map = new L.Map('map').addLayer(cloudmade);
+
+ map.on('locationfound', function(e) {
+ var marker = new L.Marker(e.latlng);
+ map.addLayer(marker);
+
+ marker.bindPopup("<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p><p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</p>");
+ });
+
+ map.on('locationerror', function(e) {
+ alert(e.message);
+ map.fitWorld();
+ });
+
+ map.locateAndSetView();
+ </script>
+</body>
+</html>
\ No newline at end of file |