[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":-5,"_50":16,"_104":-5,"_105":106,"_107":108},"routes/legacy-viz",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":16,"_18":16,"_19":-5,"_20":21,"_22":16,"_23":24,"_25":-5,"_26":-5,"_27":-5,"_28":16,"_29":30,"_31":-5,"_32":33},"vizInfo",{"_40":60,"_81":82,"_83":84,"_85":-7,"_86":43,"_87":41,"_88":-5,"_89":90,"_91":16,"_92":93,"_94":93,"_95":-7,"_96":-7,"_57":97,"_59":98,"_99":-5,"_100":56,"_101":102},"vizContent",{"_40":60,"_61":62},"ownerAccount",{"_40":41,"_42":43,"_44":45,"_46":39,"_47":-5,"_48":-7,"_49":-7,"_50":16,"_51":-7,"_52":39,"_53":54,"_55":56,"_57":58,"_59":58},"isOwner",false,"isAuthenticated","canCreatePrivate","commitId","similarVizzes",[],"embed","forksCount",0,"forkedFromViz","runtimeVersion","license","descriptionIsAiGenerated","sourceProvenance",{"_34":35,"_36":37,"_27":-5,"_38":39},"project","socialImageUrl","https://next.vizhub.com/assets/unfurl.webp","sourceType","gist","originalUrl","https://gist.github.com/RandomEtc/600144","author","RandomEtc","id","gist-user-randometc","accountType","user","email","","displayName","avatar","oauthProvider","oauthId","isAdmin","stripeCustomerId","handle","handleNormalized","randometc","lifecycleEmailsEnabled",true,"createdAt",1791657928666,"updatedAt","gist-600144","files",{"_63":64,"_65":66,"_67":68,"_69":70},"f1",{"_71":79,"_73":80},"f2",{"_71":77,"_73":78},"f3",{"_71":75,"_73":76},"f4",{"_71":72,"_73":74},"name","map.js","text","var po = org.polymaps;\n\nvar div = document.getElementById(\"map\");\n\nvar map = po.map()\n .container(div.appendChild(po.svg(\"svg\")))\n .add(po.interact());\n\n/*\n * Load the \"AerialWithLabels\" metadata. \"Aerial\" and \"Road\" also work. For more\n * information about the Imagery Metadata service, see\n * http://msdn.microsoft.com/en-us/library/ff701716.aspx\n * You should register for your own key at https://www.bingmapsportal.com/.\n */\nvar script = document.createElement(\"script\");\nscript.setAttribute(\"type\", \"text/javascript\");\nscript.setAttribute(\"src\", \"http://dev.virtualearth.net\"\n + \"/REST/V1/Imagery/Metadata/AerialWithLabels\"\n + \"?key=AmT-ZC3HPevQq5IBJ7v8qiDUxrojNaqbW1zBsKF0oMNEs53p7Nk5RlAuAmwSG7bg\"\n + \"&jsonp=imageryCallback\");\ndocument.body.appendChild(script);\n\nfunction imageryCallback(data) {\n\n /* Display each resource as an image layer. */\n var resourceSets = data.resourceSets;\n for (var i = 0; i < resourceSets.length; i++) {\n var resources = data.resourceSets[i].resources;\n for (var j = 0; j < resources.length; j++) {\n var resource = resources[j];\n map.add(po.image()\n .url(template(resource.imageUrl, resource.imageUrlSubdomains)))\n .tileSize({x: resource.imageWidth, y: resource.imageHeight});\n }\n }\n\n /* Display brand logo. */\n document.getElementById(\"logo\").src = data.brandLogoUri;\n\n /* Display copyright notice. */\n document.getElementById(\"copy\").appendChild(document.createTextNode(data.copyright));\n\n /* Display compass control. */\n map.add(po.compass()\n .pan(\"none\"));\n\n setUpSearch();\n\n}\n\n/** Returns a Bing URL template given a string and a list of subdomains. */\nfunction template(url, subdomains) {\n var n = subdomains.length,\n salt = ~~(Math.random() * n); // per-session salt\n\n /** Returns the given coordinate formatted as a 'quadkey'. */\n function quad(column, row, zoom) {\n var key = \"\";\n for (var i = 1; i <= zoom; i++) {\n key += (((row >> zoom - i) & 1) << 1) | ((column >> zoom - i) & 1);\n }\n return key;\n }\n\n return function(c) {\n var quadKey = quad(c.column, c.row, c.zoom),\n server = Math.abs(salt + c.column + c.row + c.zoom) % n;\n return url\n .replace(\"{quadkey}\", quadKey)\n .replace(\"{subdomain}\", subdomains[server]);\n };\n}\n\n/////////////////////// search...\n\nfunction setUpSearch() {\n var search = document.getElementById('search');\n search.q.disabled = null;\n search.submit.disabled = null;\n \n search.onsubmit = function() {\n if (search.q.value && search.q.value.length > 0) { \n search.q.disabled = 'true';\n search.submit.disabled = 'true'; \n doSearch(search.q.value);\n }\n return false;\n }\n}\n\nfunction doSearch(q) {\n var script = document.createElement(\"script\");\n script.setAttribute(\"type\", \"text/javascript\");\n script.setAttribute(\"src\", \"http://dev.virtualearth.net\"\n + \"/REST/V1/Locations\"\n + \"?key=AmT-ZC3HPevQq5IBJ7v8qiDUxrojNaqbW1zBsKF0oMNEs53p7Nk5RlAuAmwSG7bg\"\n + \"&query=\" + encodeURIComponent(q)\n + \"&jsonp=searchCallback\");\n document.body.appendChild(script);\n}\n\nfunction searchCallback(rsp) {\n try {\n // console.log(rsp);\n \n var bbox = rsp.resourceSets[0].resources[0].bbox; // [s,w,n,e]\n\n // TODO: don't just use the first one, see if there's one nearby to where we're already looking\n\n // compute the extent in points, scale factor, and center\n // -- borrowed from map.extent(), thanks Mike\n var bl = map.locationPoint({ lat: bbox[0], lon: bbox[1] }),\n tr = map.locationPoint({ lat: bbox[2], lon: bbox[3] }),\n sizeActual = map.size(),\n k = Math.max((tr.x - bl.x) / sizeActual.x, (bl.y - tr.y) / sizeActual.y),\n l = map.pointLocation({x: (bl.x + tr.x) / 2, y: (bl.y + tr.y) / 2});\n \n // update the zoom level\n var z = map.zoom() - Math.log(k) / Math.log(2);\n \n animateCenterZoom(map, l, z);\n }\n catch(e) { \n console.error(e);\n // TODO: what? reset map position/zoom, perhaps? show error?\n }\n var search = document.getElementById('search'); \n search.q.disabled = null;\n search.submit.disabled = null;\n}\n","index.html","\n\n \n \n \n \n \n \n \n

\n \n \n \n\n","fly.js","var interval;\n\nfunction animateCenterZoom(map, l1, z1) {\n\n var start = po.map.locationCoordinate(map.center()),\n end = po.map.locationCoordinate(l1);\n \n var c0 = { x: start.column, y: start.row },\n c1 = { x: end.column, y: end.row };\n\n // how much world can we see at zoom 0?\n var w0 = visibleWorld(map);\n\n // z1 is ds times bigger than this zoom:\n var ds = Math.pow(2, z1 - map.zoom());\n \n // so how much world at zoom z1?\n var w1 = w0 / ds;\n \n if (interval) {\n clearInterval(interval);\n interval = 0;\n }\n \n // GO!\n animateStep(map, c0, w0, c1, w1);\n\n}\n\nfunction visibleWorld(map) {\n // how much world can we see at zoom 0?\n var tileCenter = po.map.locationCoordinate(map.center());\n var topLeft = map.pointCoordinate(tileCenter, { x:0, y:0 });\n var bottomRight = map.pointCoordinate(tileCenter, map.size())\n var correction = Math.pow(2, topLeft.zoom);\n topLeft.column /= correction;\n bottomRight.column /= correction;\n topLeft.row /= correction;\n bottomRight.row /= correction;\n topLeft.zoom = bottomRight.zoom = 0;\n return Math.max(bottomRight.column-topLeft.column, bottomRight.row-topLeft.row);\n}\n\n/*\n\n From \"Smooth and efficient zooming and panning\"\n by Jarke J. van Wijk and Wim A.A. Nuij\n\n You only need to understand section 3 (equations 1 through 5) \n and then you can skip to equation 9, implemented below:\n\n*/\n\nfunction sq(n) { return n*n; }\nfunction dist(a,b) { return Math.sqrt(sq(b.x-a.x)+sq(b.y-a.y)); }\nfunction lerp1(a,b,p) { return a + ((b-a) * p) }\nfunction lerp2(a,b,p) { return { x: lerp1(a.x,b.x,p), y: lerp1(a.y,b.y,p) }; }\nfunction cosh(x) { return (Math.exp(x) + Math.exp(-x)) / 2; }\nfunction sinh(x) { return (Math.exp(x) - Math.exp(-x)) / 2; }\nfunction tanh(x) { return sinh(x) / cosh(x); }\n\nfunction animateStep(map,c0,w0,c1,w1,V,rho) {\n\n // see section 6 for user testing to derive these values (they can be tuned)\n if (V === undefined) V = 2.0; // section 6 suggests 0.9\n if (rho === undefined) rho = 1.42; // section 6 suggests 1.42\n\n // simple interpolation of positions will be fine:\n var u0 = 0,\n u1 = dist(c0,c1);\n\n // i = 0 or 1\n function b(i) {\n var n = sq(w1) - sq(w0) + ((i ? -1 : 1) * Math.pow(rho,4) * sq(u1-u0));\n var d = 2 * (i ? w1 : w0) * sq(rho) * (u1-u0);\n return n / d;\n }\n \n // give this a b(0) or b(1)\n function r(b) {\n return Math.log(-b + Math.sqrt(sq(b)+1));\n }\n \n var r0 = r(b(0)),\n r1 = r(b(1)),\n S = (r1-r0) / rho; // \"distance\"\n \n function u(s) {\n var a = w0/sq(rho),\n b = a * cosh(r0) * tanh(rho*s + r0),\n c = a * sinh(r0);\n return b - c + u0;\n }\n \n function w(s) {\n return w0 * cosh(r0) / cosh(rho*s + r0);\n }\n\n // special case\n if (Math.abs(u0-u1) < 0.000001) {\n if (Math.abs(w0-w1) < 0.000001) return;\n \n var k = w1 < w0 ? -1 : 1;\n S = Math.abs(Math.log(w1/w0)) / rho;\n u = function(s) { \n return u0;\n }\n w = function(s) { \n return w0 * Math.exp(k * rho * s);\n }\n }\n\n var t0 = Date.now();\n interval = setInterval(function() {\n var t1 = Date.now();\n var t = (t1 - t0) / 1000.0;\n var s = V * t;\n if (s > S) {\n s = S;\n clearInterval(interval);\n interval = 0;\n }\n var us = u(s);\n var pos = lerp2(c0,c1,(us-u0)/(u1-u0));\n applyPos(map, pos, w(s));\n }, 40);\n\n}\n\nfunction applyPos(map,pos,w) {\n var w0 = visibleWorld(map), // how much world can we see at zoom 0?\n size = map.size(),\n z = Math.log(w0/w) / Math.LN2,\n p = { x: size.x / 2, y: size.y / 2 },\n l = po.map.coordinateLocation({ row: pos.y, column: pos.x, zoom: 0 });\n map.zoomBy(z, p, l);\n}\n","README.mkd","Implementation of Jarke J. van Wijk and Wim A.A. Nuij's [smooth and efficient zooming and panning](http://www.win.tue.nl/~vanwijk/zoompan.pdf) for Polymaps.\n\nType a place name in the search box, top right, and hit \"Go!\" to fly there.","slug","600144","title","smooth panning and zooming for polymaps","description","ownerType","ownerId","projectId","visibility","public","isTemplate","headCommitId","jWbg9XmBpiURr-xoquHyF","startCommitId","forkedFrom","forkedFromVisibility",1285632685000,1285636027000,"publishedAt","isPublished","draftStatus","published","userId","account","appOrigin","https://next.vizhub.com","googleAnalyticsId","G-5BVJNTEF9V"]