]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/id.js
88b628e67d56bdae2a10a16820218b1458513876
[rails.git] / app / assets / javascripts / id.js
1 //= require iD
2
3 /* globals iD */
4
5 document.addEventListener("DOMContentLoaded", function () {
6   var container = document.getElementById("id-container");
7
8   if (typeof iD === "undefined" || !iD.utilDetect().support) {
9     container.innerHTML = "This editor is supported " +
10       "in Firefox, Chrome, Safari, Opera and Edge. " +
11       "Please upgrade your browser or use JOSM to edit the map.";
12     container.className = "unsupported";
13   } else {
14     var id = iD.coreContext()
15       .embed(true)
16       .assetPath("iD/")
17       .assetMap(JSON.parse(container.dataset.assetMap))
18       .locale(container.dataset.locale)
19       .preauth({
20         url: location.protocol + "//" + location.host,
21         access_token: container.dataset.token
22       })
23       .containerNode(container)
24       .init();
25
26     id.map().on("move.embed", parent.$.throttle(250, function () {
27       if (id.inIntro()) return;
28       var zoom = ~~id.map().zoom(),
29           center = id.map().center(),
30           llz = { lon: center[0], lat: center[1], zoom: zoom };
31
32       parent.updateLinks(llz, zoom);
33
34       // Manually resolve URL to avoid iframe JS context weirdness.
35       // http://bl.ocks.org/jfirebaugh/5439412
36       var hash = parent.OSM.formatHash(llz);
37       if (hash !== parent.location.hash) {
38         parent.location.replace(parent.location.href.replace(/(#.*|$)/, hash));
39       }
40     }));
41
42     parent.$("body").on("click", "a.set_position", function (e) {
43       e.preventDefault();
44       var data = parent.$(this).data();
45
46       // 0ms timeout to avoid iframe JS context weirdness.
47       // http://bl.ocks.org/jfirebaugh/5439412
48       setTimeout(function () {
49         id.map().centerZoom(
50           [data.lon, data.lat],
51           Math.max(data.zoom || 15, 13));
52       }, 0);
53     });
54   }
55 });