mirror of
https://git.coop/cotech/website.git
synced 2024-11-14 03:40:50 +00:00
54 lines
1.7 KiB
JavaScript
54 lines
1.7 KiB
JavaScript
|
$(document).foundation();
|
||
|
|
||
|
$('#coops-view-tabs').on('change.zf.tabs', function() {
|
||
|
window.app.createMapMultiMarker('map-coops', 54.7, -4.2, 6, window.app.mapEntries);
|
||
|
});
|
||
|
|
||
|
var elem = new Foundation.Sticky($('.top-bar'));
|
||
|
var app = window.app || {};
|
||
|
|
||
|
var mapboxAccessToken = window.mapboxAccessToken || '';
|
||
|
|
||
|
app.apiUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + mapboxAccessToken;
|
||
|
|
||
|
app.tileLayerOptions = {
|
||
|
maxZoom: 18,
|
||
|
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="http://mapbox.com">Mapbox</a>',
|
||
|
id: 'mapbox.streets',
|
||
|
token: window.mapboxAccessToken
|
||
|
};
|
||
|
|
||
|
app.map = null;
|
||
|
|
||
|
app.createMap = function(mapId, lat, lng, zoom) {
|
||
|
window.app.map = L.map(mapId).setView([lat, lng], zoom);
|
||
|
}
|
||
|
|
||
|
app.createMapSingleMarker = function(mapId, lat, lng, zoom, markerText) {
|
||
|
if (!window.app.map) {
|
||
|
window.app.createMap(mapId, lat, lng, zoom);
|
||
|
var myMap = window.app.map;
|
||
|
|
||
|
L.tileLayer(window.app.apiUrl, window.app.tileLayerOptions).addTo(myMap);
|
||
|
|
||
|
var marker = L.marker([lat - 0.0005, lng]).addTo(myMap);
|
||
|
marker.bindPopup(markerText).openPopup();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
app.createMapMultiMarker = function(mapId, lat, lng, zoom, markersArray) {
|
||
|
if (!window.app.map) {
|
||
|
window.app.createMap(mapId, lat, lng, zoom);
|
||
|
var myMap = window.app.map;
|
||
|
|
||
|
L.tileLayer(window.app.apiUrl, window.app.tileLayerOptions).addTo(myMap);
|
||
|
|
||
|
markersArray.forEach(function (markerVar) {
|
||
|
var marker = L.marker([markerVar.lat, markerVar.lng]).addTo(myMap);
|
||
|
marker.bindPopup(markerVar.markerText);
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
|
||
|
//# sourceMappingURL=app.js.map
|