var map, featureList,shopSearch = [],kiteSearch = [],formulaSearch = [],twinSearch = [],wavesSearch = [],foilSearch = [],adaptadoSearch = [],expresionSearch = [];
$(window).resize(function() {
sizeLayerControl();
});
$(document).on("click", ".feature-row", function(e) {
$(document).off("mouseout", ".feature-row", clearHighlight);
sidebarClick(parseInt($(this).attr("id"), 10));
});
if ( !("ontouchstart" in window) ) {
$(document).on("mouseover", ".feature-row", function(e) {
highlight.clearLayers().addLayer(L.circleMarker([$(this).attr("lat"), $(this).attr("lng")], highlightStyle));
});
}
$(document).on("mouseout", ".feature-row", clearHighlight);
$("#about-btn").click(function() {
$("#aboutModal").modal("show");
$(".navbar-collapse.in").collapse("hide");
return false;
});
$("#legend-btn").click(function() {
$("#legendModal").modal("show");
$(".navbar-collapse.in").collapse("hide");
return false;
});
$("#login-btn").click(function() {
$("#loginModal").modal("show");
$(".navbar-collapse.in").collapse("hide");
return false;
});
$("#list-btn").click(function() {
animateSidebar();
return false;
});
$("#nav-btn").click(function() {
$(".navbar-collapse").collapse("toggle");
return false;
});
$("#sidebar-toggle-btn").click(function() {
animateSidebar();
return false;
});
$("#sidebar-hide-btn").click(function() {
animateSidebar();
return false;
});
function animateSidebar() {
$("#sidebar").animate({
width: "toggle"
}, 350, function() {
map.invalidateSize();
});
}
function sizeLayerControl() {
$(".leaflet-control-layers").css("max-height", $("#map").height() - 50);
}
function clearHighlight() {
highlight.clearLayers();
}
function sidebarClick(id) {
var layer = markerClusters.getLayer(id);
map.setView([layer.getLatLng().lat, layer.getLatLng().lng], 17);
layer.fire("click");
/* Hide sidebar and go to the map on small screens */
if (document.body.clientWidth <= 767) {
$("#sidebar").hide();
map.invalidateSize();
}
}
function syncSidebar() {
/* Empty sidebar features */
$("#feature-list tbody").empty();
/* Loop through layer and add only features which are in the map bounds */
shops.eachLayer(function (layer) {if (map.hasLayer(shopLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});kites.eachLayer(function (layer) {if (map.hasLayer(kiteLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});formulas.eachLayer(function (layer) {if (map.hasLayer(formulaLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});twins.eachLayer(function (layer) {if (map.hasLayer(twinLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});wavess.eachLayer(function (layer) {if (map.hasLayer(wavesLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});foils.eachLayer(function (layer) {if (map.hasLayer(foilLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});adaptados.eachLayer(function (layer) {if (map.hasLayer(adaptadoLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});expresions.eachLayer(function (layer) {if (map.hasLayer(expresionLayer)) {if (map.getBounds().contains(layer.getLatLng())) {$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');}}});
/* Update list.js featureList */
featureList = new List("features", {
valueNames: ["feature-name"]
});
featureList.sort("feature-name", {
order: "asc"
});
}
/* Basemap Layers */
var cartoLight = L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", {
maxZoom: 19,
attribution: '© OpenStreetMap contributors, © CartoDB'
});
var usgsImagery = L.layerGroup([L.tileLayer("http://basemap.nationalmap.gov/arcgis/rest/services/USGSImageryOnly/MapServer/tile/{z}/{y}/{x}", {
maxZoom: 15,
}), L.tileLayer.wms("http://raster.nationalmap.gov/arcgis/services/Orthoimagery/USGS_EROS_Ortho_SCALE/ImageServer/WMSServer?", {
minZoom: 16,
maxZoom: 19,
layers: "0",
format: 'image/jpeg',
transparent: true,
attribution: "Aerial Imagery courtesy USGS"
})]);
/* Overlay Layers */
var highlight = L.geoJson(null);
var highlightStyle = {
stroke: false,
fillColor: "#00FFFF",
fillOpacity: 0.7,
radius: 10
};
/* Single marker cluster layer to hold all clusters */
var markerClusters = new L.MarkerClusterGroup({
spiderfyOnMaxZoom: true,
showCoverageOnHover: false,
zoomToBoundsOnClick: true,
disableClusteringAtZoom: 16
});
var shopLayer = L.geoJson(null);
var shops = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/shop.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
shopSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Shops",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/shop.php", function (data) {
shops.addData(data);
map.addLayer(shopLayer);});var kiteLayer = L.geoJson(null);
var kites = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/kite.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
kiteSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Kites",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/kite.php", function (data) {
kites.addData(data);
map.addLayer(kiteLayer);});var formulaLayer = L.geoJson(null);
var formulas = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/formula.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
formulaSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Formulas",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/formula.php", function (data) {
formulas.addData(data);
map.addLayer(formulaLayer);});var twinLayer = L.geoJson(null);
var twins = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/twin.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
twinSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Twins",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/twin.php", function (data) {
twins.addData(data);
map.addLayer(twinLayer);});var wavesLayer = L.geoJson(null);
var wavess = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/waves.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
wavesSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Wavess",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/waves.php", function (data) {
wavess.addData(data);
map.addLayer(wavesLayer);});var foilLayer = L.geoJson(null);
var foils = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/foil.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
foilSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Foils",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/foil.php", function (data) {
foils.addData(data);
map.addLayer(foilLayer);});var adaptadoLayer = L.geoJson(null);
var adaptados = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/adaptado.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
adaptadoSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Adaptados",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/adaptado.php", function (data) {
adaptados.addData(data);
map.addLayer(adaptadoLayer);});var expresionLayer = L.geoJson(null);
var expresions = L.geoJson(null, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, {
icon: L.icon({
iconUrl: "img/expresion.png",
iconSize: [24, 28],
iconAnchor: [12, 28],
popupAnchor: [0, -25]
}),
title: feature.properties.NAME,
riseOnHover: true
});
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
var content = "" + "| Name | " + feature.properties.NAME + " |
|---|
" + "| Phone | " + feature.properties.TEL + " |
|---|
" + "| Address | " + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " |
|---|
" + " | + info |
|---|
" + "";
layer.on({
click: function (e) {
$("#feature-title").html(feature.properties.NAME);
$("#feature-info").html(content);
$("#featureModal").modal("show");
highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle));
}
});
$("#feature-list tbody").append(' | ' + layer.feature.properties.NAME + ' | |
');
expresionSearch.push({
name: layer.feature.properties.NAME,
address: layer.feature.properties.ADDRESS1,
source: "Expresions",
id: L.stamp(layer),
lat: layer.feature.geometry.coordinates[1],
lng: layer.feature.geometry.coordinates[0]
});
}
}
});
$.getJSON("data/expresion.php", function (data) {
expresions.addData(data);
map.addLayer(expresionLayer);});
map = L.map("map", {
zoom: 2,
center: [35.729569, -8.723145],
layers: [cartoLight, markerClusters, highlight],
zoomControl: true,
attributionControl: false
});
/* Layer control listeners that allow for a single markerClusters layer */
map.on("overlayadd", function(e) {
if (e.layer === shopLayer) {markerClusters.addLayer(shops);syncSidebar();}if (e.layer === kiteLayer) {markerClusters.addLayer(kites);syncSidebar();}if (e.layer === formulaLayer) {markerClusters.addLayer(formulas);syncSidebar();}if (e.layer === twinLayer) {markerClusters.addLayer(twins);syncSidebar();}if (e.layer === wavesLayer) {markerClusters.addLayer(wavess);syncSidebar();}if (e.layer === foilLayer) {markerClusters.addLayer(foils);syncSidebar();}if (e.layer === adaptadoLayer) {markerClusters.addLayer(adaptados);syncSidebar();}if (e.layer === expresionLayer) {markerClusters.addLayer(expresions);syncSidebar();}
});
map.on("overlayremove", function(e) {
if (e.layer === shopLayer) {markerClusters.removeLayer(shops);syncSidebar();}if (e.layer === kiteLayer) {markerClusters.removeLayer(kites);syncSidebar();}if (e.layer === formulaLayer) {markerClusters.removeLayer(formulas);syncSidebar();}if (e.layer === twinLayer) {markerClusters.removeLayer(twins);syncSidebar();}if (e.layer === wavesLayer) {markerClusters.removeLayer(wavess);syncSidebar();}if (e.layer === foilLayer) {markerClusters.removeLayer(foils);syncSidebar();}if (e.layer === adaptadoLayer) {markerClusters.removeLayer(adaptados);syncSidebar();}if (e.layer === expresionLayer) {markerClusters.removeLayer(expresions);syncSidebar();}
});
/* Filter sidebar feature list to only show features in current map bounds */
map.on("moveend", function (e) {
syncSidebar();
});
/* Clear feature highlight when map is clicked */
map.on("click", function(e) {
highlight.clearLayers();
});
/* GPS enabled geolocation control set to follow the user's location */
var locateControl = L.control.locate({
position: "bottomright",
drawCircle: true,
follow: true,
setView: true,
keepCurrentZoomLevel: true,
markerStyle: {
weight: 1,
opacity: 0.8,
fillOpacity: 0.8
},
circleStyle: {
weight: 1,
clickable: false
},
icon: "fa fa-location-arrow",
metric: false,
strings: {
title: "My location",
popup: "You are within {distance} {unit} from this point",
outsideMapBoundsMsg: "You seem located outside the boundaries of the map"
},
locateOptions: {
maxZoom: 18,
watch: true,
enableHighAccuracy: true,
maximumAge: 10000,
timeout: 10000
}
}).addTo(map);
/* Larger screens get expanded layer control and visible sidebar */
if (document.body.clientWidth <= 767) {
var isCollapsed = true;
} else {
var isCollapsed = false;
}
var baseLayers = {
"Mapa base": cartoLight,
"Imagen aerea": usgsImagery
};
var groupedOverlays = {
"Tipos": {
" shop": shopLayer," kite": kiteLayer," formula": formulaLayer," twin": twinLayer," waves": wavesLayer," foil": foilLayer," adaptado": adaptadoLayer," expresion": expresionLayer }
};
var layerControl = L.control.groupedLayers(baseLayers, groupedOverlays, {
collapsed: isCollapsed
}).addTo(map);
/* Highlight search box text on click */
$("#searchbox").click(function () {
$(this).select();
});
/* Prevent hitting enter from refreshing the page */
$("#searchbox").keypress(function (e) {
if (e.which == 13) {
e.preventDefault();
}
});
$("#featureModal").on("hidden.bs.modal", function (e) {
$(document).on("mouseout", ".feature-row", clearHighlight);
});
/* Typeahead search functionality */
$(document).one("ajaxStop", function () {
$("#loading").hide();
sizeLayerControl();
featureList = new List("features", {valueNames: ["feature-name"]});
featureList.sort("feature-name", {order:"asc"});
var shopsBH = new Bloodhound({name: "Shops",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: shopSearch,limit: 10});var kitesBH = new Bloodhound({name: "Kites",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: kiteSearch,limit: 10});var formulasBH = new Bloodhound({name: "Formulas",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: formulaSearch,limit: 10});var twinsBH = new Bloodhound({name: "Twins",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: twinSearch,limit: 10});var wavessBH = new Bloodhound({name: "Wavess",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: wavesSearch,limit: 10});var foilsBH = new Bloodhound({name: "Foils",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: foilSearch,limit: 10});var adaptadosBH = new Bloodhound({name: "Adaptados",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: adaptadoSearch,limit: 10});var expresionsBH = new Bloodhound({name: "Expresions",datumTokenizer: function (d) {return Bloodhound.tokenizers.whitespace(d.name);},queryTokenizer: Bloodhound.tokenizers.whitespace,local: expresionSearch,limit: 10});
var geonamesBH = new Bloodhound({
name: "GeoNames",
datumTokenizer: function (d) {
return Bloodhound.tokenizers.whitespace(d.name);
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: "http://api.geonames.org/searchJSON?username=bootleaf&featureClass=P&maxRows=5&countryCode=US&name_startsWith=%QUERY",
filter: function (data) {
return $.map(data.geonames, function (result) {
return {
name: result.name + ", " + result.adminCode1,
lat: result.lat,
lng: result.lng,
source: "GeoNames"
};
});
},
ajax: {
beforeSend: function (jqXhr, settings) {
settings.url += "&east=" + map.getBounds().getEast() + "&west=" + map.getBounds().getWest() + "&north=" + map.getBounds().getNorth() + "&south=" + map.getBounds().getSouth();
$("#searchicon").removeClass("fa-search").addClass("fa-refresh fa-spin");
},
complete: function (jqXHR, status) {
$('#searchicon').removeClass("fa-refresh fa-spin").addClass("fa-search");
}
}
},
limit: 10
});
shopsBH.initialize();kitesBH.initialize();formulasBH.initialize();twinsBH.initialize();wavessBH.initialize();foilsBH.initialize();adaptadosBH.initialize();expresionsBH.initialize(); geonamesBH.initialize();
/* instantiate the typeahead UI */
$("#searchbox").typeahead({
minLength: 3,
highlight: true,
hint: false
},
{name: "Shops",displayKey: "name",source: shopsBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Kites",displayKey: "name",source: kitesBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Formulas",displayKey: "name",source: formulasBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Twins",displayKey: "name",source: twinsBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Wavess",displayKey: "name",source: wavessBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Foils",displayKey: "name",source: foilsBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Adaptados",displayKey: "name",source: adaptadosBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},{name: "Expresions",displayKey: "name",source: expresionsBH.ttAdapter(),templates: {header: "",suggestion: Handlebars.compile(["{{name}}
{{address}}"].join(""))}},
{
name: "GeoNames",
displayKey: "name",
source: geonamesBH.ttAdapter(),
templates: {
header: ""
}
}).on("typeahead:selected", function (obj, datum) {
if (datum.source === "Shops") {if (!map.hasLayer(shopLayer)) {map.addLayer(shopLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Kites") {if (!map.hasLayer(kiteLayer)) {map.addLayer(kiteLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Formulas") {if (!map.hasLayer(formulaLayer)) {map.addLayer(formulaLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Twins") {if (!map.hasLayer(twinLayer)) {map.addLayer(twinLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Wavess") {if (!map.hasLayer(wavesLayer)) {map.addLayer(wavesLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Foils") {if (!map.hasLayer(foilLayer)) {map.addLayer(foilLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Adaptados") {if (!map.hasLayer(adaptadoLayer)) {map.addLayer(adaptadoLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }if (datum.source === "Expresions") {if (!map.hasLayer(expresionLayer)) {map.addLayer(expresionLayer);}map.setView([datum.lat, datum.lng], 17);if (map._layers[datum.id]) {map._layers[datum.id].fire("click");} }
if (datum.source === "GeoNames") {
map.setView([datum.lat, datum.lng], 14);
}
if ($(".navbar-collapse").height() > 50) {
$(".navbar-collapse").collapse("hide");
}
}).on("typeahead:opened", function () {
$(".navbar-collapse.in").css("max-height", $(document).height() - $(".navbar-header").height());
$(".navbar-collapse.in").css("height", $(document).height() - $(".navbar-header").height());
}).on("typeahead:closed", function () {
$(".navbar-collapse.in").css("max-height", "");
$(".navbar-collapse.in").css("height", "");
});
$(".twitter-typeahead").css("position", "static");
$(".twitter-typeahead").css("display", "block");
});
// Leaflet patch to make layer control scrollable on touch browsers
var container = $(".leaflet-control-layers")[0];
if (!L.Browser.touch) {
L.DomEvent
.disableClickPropagation(container)
.disableScrollPropagation(container);
} else {
L.DomEvent.disableClickPropagation(container);
}
GeoNames