View difference between Paste ID: T9E9XpQM and UQ8uz52G
SHOW: | | - or go back to the newest paste.
1
// create a variable to store Stamen 'toner' tiles
2
var layer = new L.StamenTileLayer("toner");
3
4
// initialize and set map center and zoom
5
var map = L.map('map', {
6
	center: new L.LatLng(40.67, -73.94),
7
	zoom: 11,
8
	minZoom: 11,
9
	maxZoom: 16
10
});
11
12
// add the Stamen layer to the map 
13
map.addLayer(layer);
14
15
// create an object to store marker style properties
16
var geojsonMarkerOptions = {
17
	maxWidth: 400,
18
    radius: 10,
19
    fillColor: "rgb(255,0,195)",
20
    color: "#fff",
21
    weight: 2,
22
    opacity: 1,
23
    fillOpacity: 1
24
};
25
26
// function that will create pop-ups
27
function onEachFeature(feature, layer) {
28
        var popupContent,
29
            popupOptions = geojsonMarkerOptions;
30
31
        popupContent = feature.properties.t;
32
33
        // create a new variable to store Date in
34
        var time = new Date(0);
35
        // create a date by passing it the Unix UTC epoch
36
        time.setUTCSeconds(popupContent);
37
38
        popupContent = time;
39
40
        console.log(popupContent);	
41
42
        layer.bindPopup("<b>Time:</b> " + time +
43
	                    "<br><b>Altitude: </b>" + feature.properties.alt + "meters"
44
	                    ,popupOptions);
45
}
46
47
// create new layer to store geojson
48
var myLayer = L.geoJson().addTo(map);
49
50-
// to store lat lon of scrambled data
50+
51-
var test;
51+
52
$.getJSON("data/test_random.json", function(json) {
53
  myLayer.addData(json);
54
})
55
	.done(function (response) {
56
	        scrambledGeo = L.geoJson(response, {
57-
  var items = [];
57+
58-
  $.each( json, function(key, val){
58+
59-
  	items.push
59+
60-
  })
60+
61
	                    fillColor: 'FFFFFF',
62-
  //test.append(items);
62+
63-
  console.log(test);
63+
64
	            },
65
66
	            onEachFeature: onEachFeature,
67
              
68
		    pointToLayer: function (feature, latlng) {
69
                       return L.circleMarker(latlng, geojsonMarkerOptions)
70
                    }
71
72
	        }).addTo(map);
73
	    })