Ledger Nano X - The secure hardware wallet
SHARE
TWEET

Leaflet.markercluster

krot Apr 18th, 2019 (edited) 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Leaflet debug page -> https://github.com/Leaflet/Leaflet.markercluster</title>
  5.  
  6.     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ==" crossorigin="" />
  7.     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet-src.js" integrity="sha512-WXoSHqw/t26DszhdMhOXOkI7qCiv5QWXhH9R7CgvgZMHz1ImlkVQ3uNsiQKu5wwbbxtPzFXd1hK4tzno2VqhpA==" crossorigin=""></script>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  9.     <link rel="stylesheet" href="mobile.css" />
  10.  
  11.     <link rel="stylesheet" href="../dist/MarkerCluster.css" />
  12.     <link rel="stylesheet" href="../dist/MarkerCluster.Default.css" />
  13.     <script src="../dist/leaflet.markercluster-src.js"></script>
  14.     <script src="realworld.388.js"></script>
  15. </head>
  16. <body>
  17.  
  18.     <div id="map"></div>
  19.  
  20.     <script type="text/javascript">
  21.  
  22.         var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  23.                 maxZoom: 18,
  24.                 attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Points &copy 2012 LINZ'
  25.             }),
  26.             latlng = L.latLng(-37.821, 175.22);
  27.  
  28.         var map = L.map('map', {center: latlng, zoom: 15, layers: [tiles]});
  29.  
  30.         var markers = L.markerClusterGroup();
  31.  
  32.         for (var i = 0; i < addressPoints.length; i++) {
  33.             var a = addressPoints[i];
  34.             var title = a[2];
  35.             var marker = L.marker(L.latLng(a[0], a[1]), { title: title });
  36.             marker.bindPopup(title);
  37.             markers.addLayer(marker);
  38.         }
  39.  
  40.         map.addLayer(markers);
  41.  
  42.     </script>
  43. </body>
  44. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top