Snck3rs/contao-leaflet-maps
1
0
Fork 1
mirror of https://github.com/netzmacht/contao-leaflet-maps.git synced 2025-11-30 20:13:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Move Contao integration into a separate file.

Browse Source
This commit is contained in:
David Molineus
2015-01-20 09:39:15 +01:00
parent e83e2c5482
commit f71376a628
2 changed files with 35 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
assets/maps/contao-leaflet.js
View File

@@ -1,262 +0,0 @@
L.contao = new (L.Class.extend({
includes: L.Mixin.Events,
/**
* Contao extension attribution.
*
* You are not allowed to remove or change it. Contact me if you want to buy an removal license.
*/
attribution: ' | <a href="http://contao-leaflet.netzmacht.de/" title="Leaflet extension for Contao CMS">netzmacht <em>creative</em></a>',
/**
* The map registry.
*/
maps: {},
/**
* The icons registry.
*/
icons: {},
/**
* Initialize Contao leaflet integration.
*/
initialize: function() {
L.Icon.Default.imagePath = 'assets/leaflet/libs/leaflet/images';
this.setGeoJsonListeners(L.GeoJSON);
},
/**
* Add map to map registry.
*
* @param id The map id.
* @param map The map object.
*
* @returns {L.contao}
*/
addMap: function (id, map) {
map.map.attributionControl.setPrefix(map.map.attributionControl.options.prefix + this.attribution);
this.maps[id] = map;
this.fire('map:added', { id: id, map: map});
return this;
},
/**
* Get a map from the icon map. Returns null if not set.
*
* @param id The mapobject
*
* @returns {L.Map}|{*}
*/
getMap: function (id) {
if (typeof (this.maps[id]) === 'undefined') {
return null;
}
return this.maps[id];
},
/**
* Add an icon to the icon registry.
*
* @param id The icon id.
* @param icon The icon object.
*
* @returns {L.contao}
*/
addIcon: function(id, icon) {
this.icons[id] = icon;
this.fire('icon:added', { id: id, icon: icon});
return this;
},
/**
* Load icon definitions.
*
* @param icons List of icon definitions.
*
* @return void
*/
loadIcons: function(icons) {
for (var i = 0; i < icons.length; i++) {
var icon = L[icons[i].type](icons[i].options);
this.addIcon(icons[i].id, icon);
}
},
/**
* Get an icon by its id.
*
* @param id Icon id.
*
* @returns {L.Icon}|{L.DivIcon}|{*}
*/
getIcon: function(id) {
if (typeof (this.icons[id]) === 'undefined') {
return null;
}
return this.icons[id];
},
/**
* Layer a url into a layer using omnivore.
*
* @param hash The leaflet url hash.
* @param type The response content format.
* @param options Parser options
* @param customLayer optional custom layer.
* @param map Pass a map object so that the data loading events are passed to the map.
*/
load: function(hash, type, options, customLayer, map) {
var url = this.createRequestUrl(hash);
var layer = omnivore[type](url, options, customLayer);
if (map) {
// Required because Control.Loading tries to get _leafet_id which is created here.
L.stamp(layer);
map.fire('dataloading', { layer: layer });
layer.on('ready', function() {
map.fire('dataload', { layer: layer });
});
layer.on('error', function() {
map.fire('dataload', { layer: layer });
});
}
return layer;
},
/**
* Point to layer callback. Adds a geo json point to the layer.
*
* @param feature The geo json feature.
* @param latlng The converted latlng.
*
* @returns {L.Marker}|{*}
*/
pointToLayer: function(feature, latlng) {
var type = 'marker';
var marker = null;
if (feature.properties) {
if (feature.properties.type) {
type = feature.properties.type;
}
// constructor arguments given, use them.
if (feature.properties.arguments) {
marker = L[type].apply(L[type], feature.properties.arguments);
L.Util.setOptions(marker, feature.properties.options);
}
}
if (marker === null) {
marker = L[type](latlng, feature.properties.options);
}
if (feature.properties) {
if (feature.properties.radius) {
marker.setRadius(feature.properties.radius);
}
if (feature.properties.icon) {
var icon = this.getIcon(feature.properties.icon);
if (icon) {
marker.setIcon(icon);
}
}
this.bindPopupFromFeature(marker, feature);
}
this.fire('point:added', { marker: marker, feature: feature, latlng: latlng, type: type });
return marker;
},
onEachFeature: function (feature, layer) {
if (feature.properties) {
L.Util.setOptions(layer, feature.properties.options);
this.bindPopupFromFeature(layer, feature);
this.fire('feature:added', { feature: feature, layer: layer});
}
},
/**
* Bind popup from feature definitions.
*
* It accepts popup or popupContent as property.
*
* @param obj The object
* @param feature The geo json feature.
*/
bindPopupFromFeature: function (obj, feature) {
if (feature.properties) {
if (feature.properties.popup) {
obj.bindPopup(feature.properties.popup);
} else if (feature.properties.popupContent) {
obj.bindPopup(feature.properties.popupContent);
}
}
},
/**
* Set the default geojson listeners to the prototype.
*
* @param obj
*/
setGeoJsonListeners: function(obj) {
if (obj && obj.prototype) {
obj.prototype.options = {
pointToLayer: this.pointToLayer.bind(this),
onEachFeature: this.onEachFeature.bind(this)
};
}
},
/**
* Create request url by appending the hash to the current url.
*
* @param {string} value The hash
*
* @returns {string}
*/
createRequestUrl: function(value) {
value = encodeURIComponent(value);
var key = 'leaflet';
var params = document.location.search.substr(1).split('&');
if (params == '') {
return document.location.pathname + '?' + [key, value].join('=');
} else {
var i = params.length; var x; while (i--) {
x = params[i].split('=');
if (x[0] == key) {
x[1] = value;
params[i] = x.join('=');
break;
}
}
if (i < 0) {
params[params.length] = [key, value].join('=');
}
return document.location.pathname + params.join('&');
}
}
}))();