Serve embedded maps through the assets pipeline
This commit is contained in:
parent
d04e3ac9f8
commit
c0b47c0c2a
8 changed files with 91 additions and 67 deletions
38
app/assets/javascripts/embed.js
Normal file
38
app/assets/javascripts/embed.js
Normal file
|
@ -0,0 +1,38 @@
|
|||
//= require leaflet
|
||||
//= require leaflet.osm
|
||||
|
||||
window.onload = function () {
|
||||
var query = (window.location.search || '?').substr(1),
|
||||
args = {};
|
||||
|
||||
query.replace(/([^&=]+)=?([^&]*)(?:&+|$)/g, function(match, key, value) {
|
||||
value = value.split(",");
|
||||
if (value.length == 1)
|
||||
value = value[0];
|
||||
args[key] = value;
|
||||
});
|
||||
|
||||
var map = L.map("map");
|
||||
map.attributionControl.setPrefix('');
|
||||
|
||||
if (!args.layer || args.layer == "mapnik" || args.layer == "osmarender") {
|
||||
new L.OSM.Mapnik().addTo(map);
|
||||
} else if (args.layer == "cyclemap" || args.layer == "cycle map") {
|
||||
new L.OSM.CycleMap().addTo(map);
|
||||
} else if (args.layer == "transportmap") {
|
||||
new L.OSM.TransportMap().addTo(map);
|
||||
} else if (args.layer == "mapquest") {
|
||||
new L.OSM.MapQuestOpen().addTo(map);
|
||||
}
|
||||
|
||||
if (args.marker) {
|
||||
L.marker(args.marker).addTo(map);
|
||||
}
|
||||
|
||||
if (args.bbox) {
|
||||
map.fitBounds([L.latLng(args.bbox[1], args.bbox[0]),
|
||||
L.latLng(args.bbox[3], args.bbox[2])])
|
||||
} else {
|
||||
map.fitWorld();
|
||||
}
|
||||
};
|
27
app/assets/stylesheets/embed.css.scss
Normal file
27
app/assets/stylesheets/embed.css.scss
Normal file
|
@ -0,0 +1,27 @@
|
|||
/*
|
||||
*= require leaflet
|
||||
*/
|
||||
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#map {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.leaflet-control-zoom-in {
|
||||
background-image: image-url("images/zoom-in.png");
|
||||
}
|
||||
|
||||
.leaflet-control-zoom-out {
|
||||
background-image: image-url("images/zoom-out.png");
|
||||
}
|
|
@ -3,6 +3,8 @@ class ExportController < ApplicationController
|
|||
before_filter :authorize_web
|
||||
before_filter :set_locale
|
||||
|
||||
caches_page :embed
|
||||
|
||||
def start
|
||||
end
|
||||
|
||||
|
@ -23,4 +25,7 @@ class ExportController < ApplicationController
|
|||
redirect_to "http://parent.tile.openstreetmap.org/cgi-bin/export?bbox=#{bbox}&scale=#{scale}&format=#{format}"
|
||||
end
|
||||
end
|
||||
|
||||
def embed
|
||||
end
|
||||
end
|
||||
|
|
15
app/views/export/embed.html.erb
Normal file
15
app/views/export/embed.html.erb
Normal file
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>OpenStreetMap Embedded</title>
|
||||
<%= stylesheet_link_tag "embed", :media=> "screen" %>
|
||||
<!--[if IE]>
|
||||
<%= stylesheet_link_tag "leaflet.ie", :media=> "screen" %>
|
||||
<![endif]-->
|
||||
<%= javascript_include_tag "embed" %>
|
||||
</head>
|
||||
<body>
|
||||
<div id="map"></div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue