{ // Set viewing box coordinates var mymap = L.map('mapid').setView([41.9049617,-99.6452142], 7); // Add tile layer L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox', maxZoom: 18, // Set the mapbox base layer style here id: 'mapbox.streets', // Access token comes from Mapbox account accessToken: 'pk.eyJ1Ijoib2xnaXRhZmFqaXRhIiwiYSI6ImNrMmd3dnU4azB6bHQzYnQ4Mmpydjk1bXMifQ.1hOM1rZfn4n0DdNSEED7fg' }).addTo(mymap); // Add an individual point to a map //var marker = L.marker([40.8152976,-96.7014155]).addTo(mymap); // Define a function to call data from Google Sheets /* Tabletop.init({ key: "https://docs.google.com/spreadsheets/d/1thLVzQ2_zQZcVT1jh3eexTmb94UoSvE_OT3tGYl-I1U/edit?usp=sharing", callback: addPoints, simpleSheet: true }); */ /* // Populate the map with markers from your data - we're looping through each row function addPoints(data, tabletop) { for (var row in data) { var marker = L.marker([ data[row].Latitude, data[row].Longitude ]).addTo(mymap); // Now we're adding popups - plain version, bolded and colored marker.bindPopup("

" + "" + data[row].Name + "" + "

"); } } */ // If we want a bolded header //"" and then "" // If we want a bold header with color //"" and then "" /* // Populate the map with markers with images from your data - we're still looping through each row function addPoints(data, tabletop) { for (var row in data) { var marker = L.marker([ data[row].lat, data[row].long ]).addTo(mymap); // Now we're adding popups - plain version, bolded and colored marker.bindPopup("

" + data[row].market_name + "
" + data[row].operation + "
" + data[row].weekday + "
" + "" + "

"); } } */ /* // If we want other images for our icons // Specify marker style var LeafIcon = L.Icon.extend({ options: { // iconSize: [25, 41], iconAnchor: [12, 30], popupAnchor: [1, -34] } }); // Specify icon url var greenIcon = new LeafIcon({ iconUrl: 'https://img.icons8.com/offices/30/000000/leaf.png' }) function addPoints(data, tabletop) { for (var row in data) { var marker = L.marker([ data[row].lat, data[row].long ], {icon:greenIcon}).addTo(mymap); // Now we're adding popups - plain version, bolded and colored marker.bindPopup("

" + data[row].market_name + "
" + data[row].operation + "
" + data[row].weekday + "

"); } } */ /* //color markers based on some additional value //specify colors var colors = { orange: '#ffa500', blue: '#0000ff', green: '#008000', pink: '#ffc0cb', }; //set marker opacity var markerOptions = { opacity: 1, }; switch(Data[i].value) { case "A": markerOptions.color = colors.orange; break; case "B": markerOptions.color = colors.blue; break; case "C": markerOptions.color = colors.green; break; default: markerOptions.color = colors.pink; break; } var marker = new L.circleMarker(markerLocation,markerOptions).addTo(map); */ // Style for kml layer var whoopingLayer = L.geoJson(null, { // http://leafletjs.com/reference.html#geojson-style style: function(feature) { return { color: '#7fcdbb', weight: .5, opacity:1 }; } }); // Style for kml layer var beetleLayer = L.geoJson(null, { // http://leafletjs.com/reference.html#geojson-style style: function(feature) { return { color: '#c51b8a', weight: .5, opacity:1 }; } }); // Import kml with omnivore /* omnivore.kml("https://mrdata.usgs.gov/geology/state/kml/negeol.kml", null, customLayer).addTo(mymap); */ // Map whooping crane habitat omnivore.kml("https://opendata.arcgis.com/datasets/74997701f62f468d9a097e9062fb9dea_68.kml?where=CommonName%20%3D%20%27Whooping%20Crane%27&outSR=%7B%22latestVcsWkid%22%3A5703%2C%22latestWkid%22%3A3857%2C%22wkid%22%3A102100%2C%22vcsWkid%22%3A5703%7D", null, whoopingLayer).addTo(mymap) omnivore.kml("https://opendata.arcgis.com/datasets/74997701f62f468d9a097e9062fb9dea_68.kml?where=CommonName%20%3D%20%27Salt%20Creek%20Tiger%20Beetle%27&outSR=%7B%22latestVcsWkid%22%3A5703%2C%22latestWkid%22%3A3857%2C%22wkid%22%3A102100%2C%22vcsWkid%22%3A5703%7D", null, beetleLayer).addTo(mymap) }