X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/6659fb9b33503ee6519f89131a8a4b5fef515bcd..a8d8e750dafd173d5f4f6c495fa932e099a6a58c:/app/views/site/id.html.erb?ds=sidebyside diff --git a/app/views/site/id.html.erb b/app/views/site/id.html.erb index 8565cb9ea..fde4a07cd 100644 --- a/app/views/site/id.html.erb +++ b/app/views/site/id.html.erb @@ -16,11 +16,12 @@ 'Please upgrade your browser or use Potlatch 2 to edit the map.'; document.getElementById('id-container').className = 'unsupported'; } else { - <% locale = request.compatible_language_from(ID::LOCALES) || "en" %> + <% locale = select_locale(ID::LOCALES).to_s %> var id = iD() .embed(true) - .assetPath("/assets/iD/") <%# Can't use asset_path('iD/') in production. %> + .assetPath("/iD/") <%# Can't use asset_path('iD/') in production. %> + .assetMap(<%= assets("iD").to_json.html_safe %>) .locale("<%= locale %>", "<%= asset_path("iD/locales/#{locale}.json") %>") .preauth({ <% token = @user.access_token(ID_KEY) %> @@ -31,21 +32,29 @@ oauth_token_secret: "<%= token.secret %>" }); - id.map().on('move.embed', function() { + id.map().on('move.embed', parent.$.throttle(250, function() { var extent = id.map().extent(), zoom = ~~id.map().zoom(), center = id.map().center(); - parent.updatelinks( - center[0], - center[1], + parent.updatelinks({ + lon: center[0], + lat: center[1] + }, zoom, null, - extent[0][0], - extent[0][1], - extent[1][0], - extent[1][1]); - }); + [[extent[0][1], + extent[0][0]], + [extent[1][1], + extent[1][0]]]); + + // Manually resolve URL to avoid iframe JS context weirdness. + // http://bl.ocks.org/jfirebaugh/5439412 + var hash = parent.OSM.formatHash({ lon: center[0], lat: center[1], zoom: zoom }); + if (hash !== parent.location.hash) { + parent.location.replace(parent.location.href.replace(/(#.*|$)/, hash)); + } + })); parent.$("body").on("click", "a.set_position", function (e) { e.preventDefault(); @@ -60,16 +69,6 @@ }, 0); }); - var maximized = false; - id.on('toggleFullscreen.embed', function() { - if (maximized) { - parent.minimiseMap(); - } else { - parent.maximiseMap(); - } - maximized = !maximized; - }); - d3.select('#id-container') .call(id.ui()); }