Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>Test Map</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
- <link rel="stylesheet" href="./js/leaflet/leaflet.css" />
- <!--[if lte IE 8]><link rel="stylesheet" href="./leaflet/leaflet.ie.css" /><![endif]-->
- <link rel="stylesheet" href="./js/cluster/MarkerCluster.css" />
- <link rel="stylesheet" href="./js/cluster/MarkerCluster.Default.css" />
- <link rel="stylesheet" href="./js/leaflet-search/leaflet-search.css" />
- <!--[if lte IE 8]><link rel="stylesheet" href="./cluster/MarkerCluster.Default.ie.css" /><![endif]-->
- <script src="./js/jquery.js"></script>
- <style>
- body {
- padding: 0;
- margin: 0;
- }
- html, body, #map {
- height: 100%;
- }
- </style>
- </head>
- <body>
- <div id="map"></div>
- <script src="./js/leaflet/leaflet.js"></script>
- <script src="./js/cluster/leaflet.markercluster.js"></script>
- <script src="./js/leaflet-search/leaflet-search.js"></script>
- <script>
- var simpCounter = 0;
- var defaultStyle = 0;
- var geojsonLayer = 0;
- var dbgVal = -1;
- function debug(name, valAdj) {
- if(typeof(valAdj)==='undefined') valAdj = 0;
- if(typeof(name)==='undefined') name = 'Undefined Location';
- dbgVal += valAdj;
- console.log(name + ': ' + dbgVal);
- }
- debug('Start Value');
- $.getJSON('./gisdata/dots.geojson', function(data){
- debug('Init JSON Layer');
- geojsonLayer = L.geoJson(data);
- geojsonLayer.addTo(map);
- console.log(map.hasLayer(geojsonLayer));
- });
- function getJson(simp){
- var url = simp;
- map.removeLayer(geojsonLayer);
- $.getJSON(url, function(data){
- geojsonLayer = L.geoJson(data);
- geojsonLayer.addTo(map);
- });
- }
- var cloudmadeURL = 'http://{s}.tile.cloudmade.com/API/{styleId}/256/{z}/{x}/{y}.png'
- var dayTime = L.tileLayer(cloudmadeURL, {styleId: 997});
- var nightTime = L.tileLayer(cloudmadeURL, {styleId: 999});
- var baseTiles = {
- "Light": dayTime,
- "Dark": nightTime
- };
- var map = L.map('map', {
- center: [37.2153, -93.2981],
- zoom: 5,
- layers: [dayTime]
- });
- L.control.layers(baseTiles).addTo(map);
- map.on('zoomend', function(e) {
- if (map.getZoom() >= 7 && map.getZoom() <= 10) {
- if (simpCounter == 0 || simpCounter == 2) {
- getJson('./gisdata/dots.geojson');
- simpCounter = 1;
- }
- }
- else if (map.getZoom() >= 11) {
- if (simpCounter == 0 || simpCounter == 1) {
- getJson('./gisdata/stores.geojson');
- simpCounter = 2;
- }
- }
- else if (map.getZoom() <= 7) {
- if (simpCounter == 1 || simpCounter == 2) {
- getJson('./gisdata/stores.geojson');
- simpCounter = 0;
- }
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement