ATLAS Food Corner

Over ATLAS Food Corner

Atlas Food Corner
Atlas Food Corner
‘ + ”+ ” +
” +
” +
”
);

var marker1 = new mapboxgl.Marker({ color: “#EA4335” })
.setLngLat([5.0555481,52.1003687])
.setPopup(popup1)
.addTo(map);

latlngbounds.extend([5.0555481,52.1003687]);

map.fitBounds(latlngbounds, { padding: { top: 40, bottom: 40, right: 40, left: 450 } });

map.setCenter([restaurantList[0].Longtitude.toString().replace(‘,’, ‘.’),restaurantList[0].Latitude.toString().replace(‘,’, ‘.’)]);
map.setZoom(12);

function getRestaurants(districtID, searchText)
{
$.get(“Home/RestaurantsAsAjax?districtID=” + districtID + “&searchText=” + searchText, function (data) {
restaurantList = data;

renderRestaurants();
});
}

function renderRestaurants() {
var locationListItemContext = { Restaurants: restaurantList };
var locationListItemSource = $(“#restaurants-template”).html();
var locationListItemTemplate = Handlebars.compile(locationListItemSource);
var locationListItemHtml = locationListItemTemplate(locationListItemContext);
$(“#divLocationList”).html(locationListItemHtml);

map.setCenter([restaurantList[0].Longtitude.toString().replace(“,”, “.”), restaurantList[0].Latitude.toString().replace(“,”, “.”)]);
map.setZoom(12);
}

jQuery(document).ready(function ($) {

$(“#cityListSelect”).change(function (e) {
getRestaurants(null, $(“#cityListSelect”).val());
});

$(“#districtListSelect”).change(function (e) {
getRestaurants($(“#districtListSelect”).val(), null);
});

$(“.location-select”).select2({
width: ‘resolve’,
placeholder: “Zoek filiaal”,
maximumSelectionLength: 1
});

renderRestaurants();

map.setZoom(12);
map.fitBounds(latlngbounds, { padding: { top: 40, bottom: 40, right: 40, left: 450 } });
});

$(window).load(function () {

if (restaurantList.length=== 1) {
map.setCenter([restaurantList[0].Longtitude.toString().replace(“,”, “.”), restaurantList[0].Latitude.toString().replace(“,”, “.”)]);
map.setZoom(12);
}
});

{{#each Restaurants}}

{{Name}}
{{Address}}