' + business.Name + '
';
var gmapslink = '
Directions";
var locateBusiness = '
Find on Map';
busdiv.innerHTML = divtitle + gmapslink + " | " + locateBusiness;
busdiv.classList.add(business.Type, "location", "businessdiv");
});
}
function makeMarker(business, markerid) {
markers[markerid] = L.marker([business.Latitude, business.Longitude],{icon: eval(business.Type)}).addTo(mymap);
markers[markerid]._leaflet_id = markerid;
let currentLayer = eval(business.Type +"G")
currentLayer.addLayer(markers[markerid]);
// console.log(markerid);
}
var myTable = document.getElementById("tablediv");
function mapTheBlocks(data) {
data.forEach(block => {
var polygon = L.polygon(block.coordinates, {
color: 'navy'
}).addTo(blocks).bindPopup(block.name);
});
var myStyle = {
"color": "green",
// "fillColor": "#c1dd9b",
"fillColor": "#b7da71",
// "fillColor": "#596a41",
"weight": 5,
"opacity": 1,
"fillOpacity": 0.3
};
// L.geoJSON(philly, {
// style: myStyle
// }).addTo(mymap);
}
function getData(url){
data = Papa.parse(csv, {
download: true,
delimiter: "",
newline: "",
quoteChar: '"',
escapeChar: '"',
header: true,
complete: function(results, file){
return main(results.data);
}
});
}
// businesses.addTo(mymap);
GroceryG.addTo(mymap);
RestaurantsG.addTo(mymap);
FinanceG.addTo(mymap);
ApparelG.addTo(mymap);
HomeG.addTo(mymap);
LaundryG.addTo(mymap);
ElectronicsG.addTo(mymap);
CommunityG.addTo(mymap);
BeautyG.addTo(mymap);
HealthG.addTo(mymap);
MiscellaneousG.addTo(mymap);
ArtsG.addTo(mymap);
var baseMaps = {
"Map": basemaplayer
};
var overlayMaps = {
"Grocery": GroceryG,
"Restaurants": RestaurantsG,
"Finance": FinanceG,
"Apparel & Accessories": ApparelG,
"Home Goods": HomeG,
"Laundry": LaundryG,
"Electronics, Auto & Applicances": ElectronicsG,
"Community & Children": CommunityG,
"Beauty": BeautyG,
"Health": HealthG,
"Arts & Entertainment": ArtsG,
"Miscellaneous": MiscellaneousG,
"Show Block Groups": blocks
};
// ----------- Making Categories Toggle-able ------------
function toggletypes(type,checked) { // locate corresponding marker and activate popup
var items = document.getElementsByClassName(type);
if (checked) {
Array.from(items).forEach((x) => {
x.style.display = "block";
});
} else {
Array.from(items).forEach((x) => {
x.style.display = "none";
});
}
}
function toggleTable(){
var newmap = document.getElementById("newmap")
var businessTypes = newmap.querySelectorAll("input[type=checkbox]");
//console.log(businessTypes);
businessTypes.forEach(type => {
type.id = type.nextElementSibling.innerHTML.match(/\w+\b/);
});
businessTypes.forEach((box) => { box.onclick = function(){
toggletypes(this.id, this.checked);
};
}
);
}
let layerControl = L.control.layers(baseMaps, overlayMaps, ).addTo(mymap);
//{collapsed: false}
//$('.leaflet-control-layers').on('mouseleave', () => {
//layerControl.collapse();
//});
//$('.leaflet-control-layers-toggle').on('mouseenter', () => { layerControl.expand();});
$('.menu-wrapper').css("z-index", 9999);
