X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/4cf3c3b6ed7cc6ab0728b320afde5854489629fb..558e05cf462354969535d6f227fc5bb24ff5c0a6:/app/assets/javascripts/embed.js.erb
diff --git a/app/assets/javascripts/embed.js.erb b/app/assets/javascripts/embed.js.erb
index 858b31302..ef6f00670 100644
--- a/app/assets/javascripts/embed.js.erb
+++ b/app/assets/javascripts/embed.js.erb
@@ -1,24 +1,35 @@
-//= require leaflet
+//= depend_on settings.yml
+//= depend_on settings.local.yml
+//= require leaflet/dist/leaflet-src
//= require leaflet.osm
//= require i18n
//= require i18n/embed
-window.onload = function () {
- if (navigator.languages) {
- I18n.locale = navigator.languages[0];
- } else if (navigator.language) {
- I18n.locale = navigator.language;
- }
+if (navigator.languages) {
+ I18n.locale = navigator.languages[0];
+} else if (navigator.language) {
+ I18n.locale = navigator.language;
+}
- var query = (window.location.search || '?').substr(1),
- args = {};
+I18n.default_locale = <%= I18n.default_locale.to_json %>;
+I18n.fallbacks = true;
+
+window.onload = function () {
+ var query = (window.location.search || "?").slice(1),
+ args = {};
- var pairs = query.split('&');
+ var pairs = query.split("&");
for (var i = 0; i < pairs.length; i++) {
- var parts = pairs[i].split('=');
- args[parts[0]] = decodeURIComponent(parts[1] || '');
+ var parts = pairs[i].split("=");
+ args[parts[0]] = decodeURIComponent(parts[1] || "");
}
+ var mapnikOptions = {
+<% if Settings.key?(:tile_cdn_url) %>
+ url: <%= Settings.tile_cdn_url.to_json %>
+<% end %>
+ };
+
var thunderforestOptions = {
<% if Settings.key?(:thunderforest_key) %>
apikey: <%= Settings.thunderforest_key.to_json %>
@@ -26,35 +37,37 @@ window.onload = function () {
};
var map = L.map("map");
- map.attributionControl.setPrefix('');
+ map.attributionControl.setPrefix("");
map.removeControl(map.attributionControl);
- if (!args.layer || args.layer === "mapnik" || args.layer === "osmarender" || args.layer === "mapquest") {
- new L.OSM.Mapnik().addTo(map);
+ if (args.layer === "cyclosm") {
+ new L.OSM.CyclOSM().addTo(map);
} else if (args.layer === "cyclemap" || args.layer === "cycle map") {
new L.OSM.CycleMap(thunderforestOptions).addTo(map);
} else if (args.layer === "transportmap") {
new L.OSM.TransportMap(thunderforestOptions).addTo(map);
- } else if (args.layer === "opnvkarte") {
- new L.OSM.OPNVKarte().addTo(map);
} else if (args.layer === "hot") {
new L.OSM.HOT().addTo(map);
+ } else {
+ new L.OSM.Mapnik(mapnikOptions).addTo(map);
}
if (args.marker) {
- L.marker(args.marker.split(','), {icon: L.icon({
- iconUrl: <%= asset_path('images/marker-icon.png').to_json %>,
+ L.marker(args.marker.split(","), { icon: L.icon({
+ iconUrl: <%= asset_path('leaflet/dist/images/marker-icon.png').to_json %>,
iconSize: new L.Point(25, 41),
iconAnchor: new L.Point(12, 41),
- shadowUrl: <%= asset_path('images/marker-shadow.png').to_json %>,
+ shadowUrl: <%= asset_path('leaflet/dist/images/marker-shadow.png').to_json %>,
shadowSize: new L.Point(41, 41)
- })}).addTo(map);
+ }) }).addTo(map);
}
if (args.bbox) {
- var bbox = args.bbox.split(',');
- map.fitBounds([L.latLng(bbox[1], bbox[0]),
- L.latLng(bbox[3], bbox[2])]);
+ var bbox = args.bbox.split(",");
+ map.fitBounds([
+ L.latLng(bbox[1], bbox[0]),
+ L.latLng(bbox[3], bbox[2])
+ ]);
} else {
map.fitWorld();
}
@@ -64,14 +77,14 @@ window.onload = function () {
L.Control.OSMReportAProblem = L.Control.Attribution.extend({
options: {
- position: 'bottomright',
- prefix: ''+I18n.t('javascripts.embed.report_problem')+''
+ position: "bottomright",
+ prefix: "" + I18n.t("javascripts.embed.report_problem") + ""
},
onAdd: function (map) {
var container = L.Control.Attribution.prototype.onAdd.call(this, map);
- map.on('moveend', this._update, this);
+ map.on("moveend", this._update, this);
return container;
},
@@ -81,8 +94,8 @@ L.Control.OSMReportAProblem = L.Control.Attribution.extend({
this._container.innerHTML =
this._container.innerHTML
- .replace('{x}', this._map.getCenter().lat)
- .replace('{y}', this._map.getCenter().lng)
- .replace('{z}', this._map.getZoom());
+ .replace("{x}", this._map.getCenter().lat)
+ .replace("{y}", this._map.getCenter().lng)
+ .replace("{z}", this._map.getZoom());
}
});