<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="rustdoc"><meta name="description" content="Source of the Rust file `game&#x2F;src&#x2F;ungap&#x2F;layers.rs`."><meta name="keywords" content="rust, rustlang, rust-lang"><title>layers.rs - source</title><link rel="stylesheet" type="text/css" href="../../../normalize.css"><link rel="stylesheet" type="text/css" href="../../../rustdoc.css" id="mainThemeStyle"><link rel="stylesheet" type="text/css" href="../../../light.css"  id="themeStyle"><link rel="stylesheet" type="text/css" href="../../../dark.css" disabled ><link rel="stylesheet" type="text/css" href="../../../ayu.css" disabled ><script id="default-settings" ></script><script src="../../../storage.js"></script><script src="../../../crates.js"></script><noscript><link rel="stylesheet" href="../../../noscript.css"></noscript><link rel="icon" type="image/svg+xml" href="../../../favicon.svg"><link rel="alternate icon" type="image/png" href="../../../favicon-16x16.png"><link rel="alternate icon" type="image/png" href="../../../favicon-32x32.png"><style type="text/css">#crate-search{background-image:url("../../../down-arrow.svg");}</style></head><body class="rustdoc source"><!--[if lte IE 11]><div class="warning">This old browser is unsupported and will most likely display funky things.</div><![endif]--><nav class="sidebar"><div class="sidebar-menu" role="button">&#9776;</div><a href='../../../game/index.html'><div class='logo-container rust-logo'><img src='../../../rust-logo.png' alt='logo'></div></a></nav><div class="theme-picker"><button id="theme-picker" aria-label="Pick another theme!" aria-haspopup="menu" title="themes"><img width="18" height="18" alt="Pick another theme!" src="../../../brush.svg"></button><div id="theme-choices" role="menu"></div></div><nav class="sub"><form class="search-form"><div class="search-container"><div><select id="crate-search"><option value="All crates">All crates</option></select><input class="search-input"name="search" disabled autocomplete="off" spellcheck="false" placeholder="Click or press ‘S’ to search, ‘?’ for more options…" type="search"></div><button type="button" id="help-button" title="help">?</button><a id="settings-menu" href="../../../settings.html" title="settings"><img width="18" height="18" alt="Change settings" src="../../../wheel.svg"></a></div></form></nav><section id="main" class="content"><div class="example-wrap"><pre class="line-numbers"><span id="1">  1</span>
<span id="2">  2</span>
<span id="3">  3</span>
<span id="4">  4</span>
<span id="5">  5</span>
<span id="6">  6</span>
<span id="7">  7</span>
<span id="8">  8</span>
<span id="9">  9</span>
<span id="10"> 10</span>
<span id="11"> 11</span>
<span id="12"> 12</span>
<span id="13"> 13</span>
<span id="14"> 14</span>
<span id="15"> 15</span>
<span id="16"> 16</span>
<span id="17"> 17</span>
<span id="18"> 18</span>
<span id="19"> 19</span>
<span id="20"> 20</span>
<span id="21"> 21</span>
<span id="22"> 22</span>
<span id="23"> 23</span>
<span id="24"> 24</span>
<span id="25"> 25</span>
<span id="26"> 26</span>
<span id="27"> 27</span>
<span id="28"> 28</span>
<span id="29"> 29</span>
<span id="30"> 30</span>
<span id="31"> 31</span>
<span id="32"> 32</span>
<span id="33"> 33</span>
<span id="34"> 34</span>
<span id="35"> 35</span>
<span id="36"> 36</span>
<span id="37"> 37</span>
<span id="38"> 38</span>
<span id="39"> 39</span>
<span id="40"> 40</span>
<span id="41"> 41</span>
<span id="42"> 42</span>
<span id="43"> 43</span>
<span id="44"> 44</span>
<span id="45"> 45</span>
<span id="46"> 46</span>
<span id="47"> 47</span>
<span id="48"> 48</span>
<span id="49"> 49</span>
<span id="50"> 50</span>
<span id="51"> 51</span>
<span id="52"> 52</span>
<span id="53"> 53</span>
<span id="54"> 54</span>
<span id="55"> 55</span>
<span id="56"> 56</span>
<span id="57"> 57</span>
<span id="58"> 58</span>
<span id="59"> 59</span>
<span id="60"> 60</span>
<span id="61"> 61</span>
<span id="62"> 62</span>
<span id="63"> 63</span>
<span id="64"> 64</span>
<span id="65"> 65</span>
<span id="66"> 66</span>
<span id="67"> 67</span>
<span id="68"> 68</span>
<span id="69"> 69</span>
<span id="70"> 70</span>
<span id="71"> 71</span>
<span id="72"> 72</span>
<span id="73"> 73</span>
<span id="74"> 74</span>
<span id="75"> 75</span>
<span id="76"> 76</span>
<span id="77"> 77</span>
<span id="78"> 78</span>
<span id="79"> 79</span>
<span id="80"> 80</span>
<span id="81"> 81</span>
<span id="82"> 82</span>
<span id="83"> 83</span>
<span id="84"> 84</span>
<span id="85"> 85</span>
<span id="86"> 86</span>
<span id="87"> 87</span>
<span id="88"> 88</span>
<span id="89"> 89</span>
<span id="90"> 90</span>
<span id="91"> 91</span>
<span id="92"> 92</span>
<span id="93"> 93</span>
<span id="94"> 94</span>
<span id="95"> 95</span>
<span id="96"> 96</span>
<span id="97"> 97</span>
<span id="98"> 98</span>
<span id="99"> 99</span>
<span id="100">100</span>
<span id="101">101</span>
<span id="102">102</span>
<span id="103">103</span>
<span id="104">104</span>
<span id="105">105</span>
<span id="106">106</span>
<span id="107">107</span>
<span id="108">108</span>
<span id="109">109</span>
<span id="110">110</span>
<span id="111">111</span>
<span id="112">112</span>
<span id="113">113</span>
<span id="114">114</span>
<span id="115">115</span>
<span id="116">116</span>
<span id="117">117</span>
<span id="118">118</span>
<span id="119">119</span>
<span id="120">120</span>
<span id="121">121</span>
<span id="122">122</span>
<span id="123">123</span>
<span id="124">124</span>
<span id="125">125</span>
<span id="126">126</span>
<span id="127">127</span>
<span id="128">128</span>
<span id="129">129</span>
<span id="130">130</span>
<span id="131">131</span>
<span id="132">132</span>
<span id="133">133</span>
<span id="134">134</span>
<span id="135">135</span>
<span id="136">136</span>
<span id="137">137</span>
<span id="138">138</span>
<span id="139">139</span>
<span id="140">140</span>
<span id="141">141</span>
<span id="142">142</span>
<span id="143">143</span>
<span id="144">144</span>
<span id="145">145</span>
<span id="146">146</span>
<span id="147">147</span>
<span id="148">148</span>
<span id="149">149</span>
<span id="150">150</span>
<span id="151">151</span>
<span id="152">152</span>
<span id="153">153</span>
<span id="154">154</span>
<span id="155">155</span>
<span id="156">156</span>
<span id="157">157</span>
<span id="158">158</span>
<span id="159">159</span>
<span id="160">160</span>
<span id="161">161</span>
<span id="162">162</span>
<span id="163">163</span>
<span id="164">164</span>
<span id="165">165</span>
<span id="166">166</span>
<span id="167">167</span>
<span id="168">168</span>
<span id="169">169</span>
<span id="170">170</span>
<span id="171">171</span>
<span id="172">172</span>
<span id="173">173</span>
<span id="174">174</span>
<span id="175">175</span>
<span id="176">176</span>
<span id="177">177</span>
<span id="178">178</span>
<span id="179">179</span>
<span id="180">180</span>
<span id="181">181</span>
<span id="182">182</span>
<span id="183">183</span>
<span id="184">184</span>
<span id="185">185</span>
<span id="186">186</span>
<span id="187">187</span>
<span id="188">188</span>
<span id="189">189</span>
<span id="190">190</span>
<span id="191">191</span>
<span id="192">192</span>
<span id="193">193</span>
<span id="194">194</span>
<span id="195">195</span>
<span id="196">196</span>
<span id="197">197</span>
<span id="198">198</span>
<span id="199">199</span>
<span id="200">200</span>
<span id="201">201</span>
<span id="202">202</span>
<span id="203">203</span>
<span id="204">204</span>
<span id="205">205</span>
<span id="206">206</span>
<span id="207">207</span>
<span id="208">208</span>
<span id="209">209</span>
<span id="210">210</span>
<span id="211">211</span>
<span id="212">212</span>
<span id="213">213</span>
<span id="214">214</span>
<span id="215">215</span>
<span id="216">216</span>
<span id="217">217</span>
<span id="218">218</span>
<span id="219">219</span>
<span id="220">220</span>
<span id="221">221</span>
<span id="222">222</span>
<span id="223">223</span>
<span id="224">224</span>
<span id="225">225</span>
<span id="226">226</span>
<span id="227">227</span>
<span id="228">228</span>
<span id="229">229</span>
<span id="230">230</span>
<span id="231">231</span>
<span id="232">232</span>
<span id="233">233</span>
<span id="234">234</span>
<span id="235">235</span>
<span id="236">236</span>
<span id="237">237</span>
<span id="238">238</span>
<span id="239">239</span>
<span id="240">240</span>
<span id="241">241</span>
<span id="242">242</span>
<span id="243">243</span>
<span id="244">244</span>
<span id="245">245</span>
<span id="246">246</span>
<span id="247">247</span>
<span id="248">248</span>
<span id="249">249</span>
<span id="250">250</span>
<span id="251">251</span>
<span id="252">252</span>
<span id="253">253</span>
<span id="254">254</span>
<span id="255">255</span>
<span id="256">256</span>
<span id="257">257</span>
<span id="258">258</span>
<span id="259">259</span>
<span id="260">260</span>
<span id="261">261</span>
<span id="262">262</span>
<span id="263">263</span>
<span id="264">264</span>
<span id="265">265</span>
<span id="266">266</span>
<span id="267">267</span>
<span id="268">268</span>
<span id="269">269</span>
<span id="270">270</span>
<span id="271">271</span>
<span id="272">272</span>
<span id="273">273</span>
<span id="274">274</span>
<span id="275">275</span>
<span id="276">276</span>
<span id="277">277</span>
<span id="278">278</span>
<span id="279">279</span>
<span id="280">280</span>
<span id="281">281</span>
<span id="282">282</span>
<span id="283">283</span>
<span id="284">284</span>
<span id="285">285</span>
<span id="286">286</span>
<span id="287">287</span>
<span id="288">288</span>
<span id="289">289</span>
<span id="290">290</span>
<span id="291">291</span>
<span id="292">292</span>
<span id="293">293</span>
<span id="294">294</span>
<span id="295">295</span>
<span id="296">296</span>
<span id="297">297</span>
<span id="298">298</span>
<span id="299">299</span>
<span id="300">300</span>
<span id="301">301</span>
<span id="302">302</span>
<span id="303">303</span>
<span id="304">304</span>
<span id="305">305</span>
<span id="306">306</span>
<span id="307">307</span>
<span id="308">308</span>
<span id="309">309</span>
<span id="310">310</span>
<span id="311">311</span>
<span id="312">312</span>
<span id="313">313</span>
<span id="314">314</span>
<span id="315">315</span>
<span id="316">316</span>
<span id="317">317</span>
<span id="318">318</span>
<span id="319">319</span>
<span id="320">320</span>
<span id="321">321</span>
<span id="322">322</span>
<span id="323">323</span>
<span id="324">324</span>
<span id="325">325</span>
<span id="326">326</span>
<span id="327">327</span>
<span id="328">328</span>
<span id="329">329</span>
<span id="330">330</span>
<span id="331">331</span>
<span id="332">332</span>
<span id="333">333</span>
<span id="334">334</span>
<span id="335">335</span>
<span id="336">336</span>
<span id="337">337</span>
<span id="338">338</span>
<span id="339">339</span>
<span id="340">340</span>
<span id="341">341</span>
<span id="342">342</span>
<span id="343">343</span>
<span id="344">344</span>
<span id="345">345</span>
<span id="346">346</span>
<span id="347">347</span>
<span id="348">348</span>
<span id="349">349</span>
<span id="350">350</span>
<span id="351">351</span>
<span id="352">352</span>
<span id="353">353</span>
<span id="354">354</span>
<span id="355">355</span>
<span id="356">356</span>
<span id="357">357</span>
<span id="358">358</span>
<span id="359">359</span>
<span id="360">360</span>
<span id="361">361</span>
<span id="362">362</span>
<span id="363">363</span>
<span id="364">364</span>
<span id="365">365</span>
<span id="366">366</span>
<span id="367">367</span>
<span id="368">368</span>
<span id="369">369</span>
<span id="370">370</span>
<span id="371">371</span>
<span id="372">372</span>
<span id="373">373</span>
<span id="374">374</span>
<span id="375">375</span>
<span id="376">376</span>
<span id="377">377</span>
<span id="378">378</span>
<span id="379">379</span>
<span id="380">380</span>
<span id="381">381</span>
<span id="382">382</span>
<span id="383">383</span>
<span id="384">384</span>
<span id="385">385</span>
<span id="386">386</span>
<span id="387">387</span>
<span id="388">388</span>
<span id="389">389</span>
<span id="390">390</span>
<span id="391">391</span>
<span id="392">392</span>
<span id="393">393</span>
<span id="394">394</span>
<span id="395">395</span>
<span id="396">396</span>
<span id="397">397</span>
<span id="398">398</span>
<span id="399">399</span>
<span id="400">400</span>
<span id="401">401</span>
<span id="402">402</span>
<span id="403">403</span>
<span id="404">404</span>
<span id="405">405</span>
<span id="406">406</span>
<span id="407">407</span>
<span id="408">408</span>
<span id="409">409</span>
<span id="410">410</span>
<span id="411">411</span>
<span id="412">412</span>
<span id="413">413</span>
<span id="414">414</span>
<span id="415">415</span>
<span id="416">416</span>
<span id="417">417</span>
<span id="418">418</span>
<span id="419">419</span>
<span id="420">420</span>
<span id="421">421</span>
<span id="422">422</span>
<span id="423">423</span>
<span id="424">424</span>
<span id="425">425</span>
<span id="426">426</span>
<span id="427">427</span>
<span id="428">428</span>
<span id="429">429</span>
<span id="430">430</span>
<span id="431">431</span>
<span id="432">432</span>
<span id="433">433</span>
<span id="434">434</span>
<span id="435">435</span>
<span id="436">436</span>
<span id="437">437</span>
<span id="438">438</span>
<span id="439">439</span>
<span id="440">440</span>
<span id="441">441</span>
<span id="442">442</span>
<span id="443">443</span>
<span id="444">444</span>
<span id="445">445</span>
<span id="446">446</span>
<span id="447">447</span>
<span id="448">448</span>
<span id="449">449</span>
<span id="450">450</span>
<span id="451">451</span>
<span id="452">452</span>
<span id="453">453</span>
<span id="454">454</span>
<span id="455">455</span>
<span id="456">456</span>
<span id="457">457</span>
<span id="458">458</span>
<span id="459">459</span>
<span id="460">460</span>
<span id="461">461</span>
<span id="462">462</span>
</pre><pre class="rust">
<span class="kw">use</span> <span class="ident">std::collections::HashMap</span>;

<span class="kw">use</span> <span class="ident">geom::Distance</span>;
<span class="kw">use</span> <span class="ident">map_gui::tools</span>::{<span class="ident">Navigator</span>, <span class="ident">PopupMsg</span>};
<span class="kw">use</span> <span class="ident">map_model::osm::RoadRank</span>;
<span class="kw">use</span> <span class="ident">map_model::LaneType</span>;
<span class="kw">use</span> <span class="ident">widgetry</span>::{
    <span class="ident">ButtonBuilder</span>, <span class="ident">Color</span>, <span class="ident">ControlState</span>, <span class="ident">Drawable</span>, <span class="ident">EdgeInsets</span>, <span class="ident">EventCtx</span>, <span class="ident">GeomBatch</span>, <span class="ident">GfxCtx</span>,
    <span class="ident">HorizontalAlignment</span>, <span class="ident">Image</span>, <span class="ident">Key</span>, <span class="ident">Line</span>, <span class="ident">Outcome</span>, <span class="ident">Panel</span>, <span class="ident">ScreenPt</span>, <span class="ident">Text</span>, <span class="ident">Toggle</span>,
    <span class="ident">VerticalAlignment</span>, <span class="ident">Widget</span>,
};

<span class="kw">use</span> <span class="kw">crate</span><span class="ident">::app</span>::{<span class="ident">App</span>, <span class="ident">Transition</span>};
<span class="kw">use</span> <span class="kw">crate</span><span class="ident">::ungap::bike_network</span>;
<span class="kw">use</span> <span class="kw">crate</span><span class="ident">::ungap::bike_network::DrawNetworkLayer</span>;
<span class="kw">use</span> <span class="kw">crate</span><span class="ident">::ungap::labels::DrawRoadLabels</span>;

<span class="doccomment">/// A bottom-right panel for managing a bunch of toggleable layers in the &quot;ungap the map&quot; tool.</span>
<span class="kw">pub</span> <span class="kw">struct</span> <span class="ident">Layers</span> {
    <span class="ident">panel</span>: <span class="ident">Panel</span>,
    <span class="ident">minimized</span>: <span class="ident">bool</span>,
    <span class="ident">bike_network</span>: <span class="prelude-ty">Option</span><span class="op">&lt;</span><span class="ident">DrawNetworkLayer</span><span class="op">&gt;</span>,
    <span class="ident">labels</span>: <span class="prelude-ty">Option</span><span class="op">&lt;</span><span class="ident">DrawRoadLabels</span><span class="op">&gt;</span>,
    <span class="ident">elevation</span>: <span class="ident">bool</span>,
    <span class="ident">steep_streets</span>: <span class="prelude-ty">Option</span><span class="op">&lt;</span><span class="ident">Drawable</span><span class="op">&gt;</span>,
    <span class="comment">// TODO Once widgetry buttons can take custom enums, that&#39;d be perfect here</span>
    <span class="ident">road_types</span>: <span class="ident">HashMap</span><span class="op">&lt;</span><span class="ident">String</span>, <span class="ident">Drawable</span><span class="op">&gt;</span>,
    <span class="ident">fade_map</span>: <span class="ident">Drawable</span>,

    <span class="ident">zoom_enabled_cache_key</span>: (<span class="ident">bool</span>, <span class="ident">bool</span>),
    <span class="ident">map_edit_key</span>: <span class="ident">usize</span>,
}

<span class="kw">impl</span> <span class="ident">Layers</span> {
    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">new</span>(<span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">App</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Layers</span> {
        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">l</span> <span class="op">=</span> <span class="ident">Layers</span> {
            <span class="ident">panel</span>: <span class="ident">Panel::empty</span>(<span class="ident">ctx</span>),
            <span class="ident">minimized</span>: <span class="bool-val">true</span>,
            <span class="ident">bike_network</span>: <span class="prelude-val">Some</span>(<span class="ident">DrawNetworkLayer::new</span>()),
            <span class="ident">labels</span>: <span class="prelude-val">Some</span>(<span class="ident">DrawRoadLabels::new</span>()),
            <span class="ident">elevation</span>: <span class="bool-val">false</span>,
            <span class="ident">steep_streets</span>: <span class="prelude-val">None</span>,
            <span class="ident">road_types</span>: <span class="ident">HashMap::new</span>(),
            <span class="ident">fade_map</span>: <span class="ident">GeomBatch::from</span>(<span class="macro">vec!</span>[(
                <span class="ident">Color::BLACK</span>.<span class="ident">alpha</span>(<span class="number">0.4</span>),
                <span class="ident">app</span>.<span class="ident">primary</span>.<span class="ident">map</span>.<span class="ident">get_boundary_polygon</span>().<span class="ident">clone</span>(),
            )])
            .<span class="ident">upload</span>(<span class="ident">ctx</span>),
            <span class="ident">zoom_enabled_cache_key</span>: <span class="ident">zoom_enabled_cache_key</span>(<span class="ident">ctx</span>),
            <span class="ident">map_edit_key</span>: <span class="ident">usize::MAX</span>,
        };

        <span class="ident">l</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
        <span class="ident">l</span>
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">event</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">App</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="prelude-ty">Option</span><span class="op">&lt;</span><span class="ident">Transition</span><span class="op">&gt;</span> {
        <span class="kw">let</span> <span class="ident">key</span> <span class="op">=</span> <span class="ident">app</span>.<span class="ident">primary</span>.<span class="ident">map</span>.<span class="ident">get_edits_change_key</span>();
        <span class="kw">if</span> <span class="self">self</span>.<span class="ident">map_edit_key</span> <span class="op">!</span><span class="op">=</span> <span class="ident">key</span> {
            <span class="self">self</span>.<span class="ident">map_edit_key</span> <span class="op">=</span> <span class="ident">key</span>;
            <span class="kw">if</span> <span class="self">self</span>.<span class="ident">bike_network</span>.<span class="ident">is_some</span>() {
                <span class="self">self</span>.<span class="ident">bike_network</span> <span class="op">=</span> <span class="prelude-val">Some</span>(<span class="ident">DrawNetworkLayer::new</span>());
            }
            <span class="self">self</span>.<span class="ident">road_types</span>.<span class="ident">clear</span>();
        }

        <span class="kw">if</span> <span class="ident">ctx</span>.<span class="ident">redo_mouseover</span>() <span class="op">&amp;&amp;</span> <span class="self">self</span>.<span class="ident">elevation</span> <span class="op">&amp;&amp;</span> <span class="op">!</span><span class="self">self</span>.<span class="ident">minimized</span> {
            <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">label</span> <span class="op">=</span> <span class="ident">Text::new</span>().<span class="ident">into_widget</span>(<span class="ident">ctx</span>);

            <span class="kw">if</span> <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">cam_zoom</span> <span class="op">&lt;</span> <span class="ident">app</span>.<span class="ident">opts</span>.<span class="ident">min_zoom_for_detail</span> {
                <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">pt</span>) <span class="op">=</span> <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">get_cursor_in_map_space</span>() {
                    <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>((<span class="ident">elevation</span>, <span class="kw">_</span>)) <span class="op">=</span> <span class="ident">app</span>
                        .<span class="ident">session</span>
                        .<span class="ident">elevation_contours</span>
                        .<span class="ident">value</span>()
                        .<span class="ident">unwrap</span>()
                        .<span class="number">0</span>
                        .<span class="ident">closest_pt</span>(<span class="ident">pt</span>, <span class="ident">Distance::meters</span>(<span class="number">300.0</span>))
                    {
                        <span class="ident">label</span> <span class="op">=</span>
                            <span class="ident">Line</span>(<span class="macro">format!</span>(<span class="string">&quot;{} ft&quot;</span>, <span class="ident">elevation</span>.<span class="ident">to_feet</span>().<span class="ident">round</span>())).<span class="ident">into_widget</span>(<span class="ident">ctx</span>);
                    }
                }
            }
            <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">replace</span>(<span class="ident">ctx</span>, <span class="string">&quot;current elevation&quot;</span>, <span class="ident">label</span>);
        }

        <span class="kw">match</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">event</span>(<span class="ident">ctx</span>) {
            <span class="ident">Outcome::Clicked</span>(<span class="ident">x</span>) <span class="op">=</span><span class="op">&gt;</span> {
                <span class="kw">return</span> <span class="prelude-val">Some</span>(<span class="ident">Transition::Push</span>(<span class="kw">match</span> <span class="ident">x</span>.<span class="ident">as_ref</span>() {
                    <span class="comment">// TODO Add physical picture examples</span>
                    <span class="string">&quot;highway&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Highways&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Unless there&#39;s a separate trail (like on the 520 or I90 bridge), highways aren&#39;t accessible to biking&quot;</span>]),
                    <span class="string">&quot;major street&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Major streets&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Arterials have more traffic, but are often where businesses are located&quot;</span>]),
                    <span class="string">&quot;minor street&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Minor streets&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Local streets have a low volume of traffic and are usually comfortable for biking, even without dedicated infrastructure&quot;</span>]),
                    <span class="string">&quot;trail&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Trails&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Trails like the Burke Gilman are usually well-separated from vehicle traffic. The space is usually shared between people walking, cycling, and rolling.&quot;</span>]),
                    <span class="string">&quot;protected bike lane&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Protected bike lanes&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Bike lanes separated from vehicle traffic by physical barriers or a few feet of striping&quot;</span>]),
                    <span class="string">&quot;painted bike lane&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Painted bike lanes&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Bike lanes without any separation from vehicle traffic. Often uncomfortably close to the \&quot;door zone\&quot; of parked cars.&quot;</span>]),
                    <span class="string">&quot;greenway&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;Stay Healthy Streets and neighborhood greenways&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Residential streets with additional signage and light barriers. These are intended to be low traffic, dedicated for people walking and biking.&quot;</span>]),
                    <span class="comment">// TODO Add URLs</span>
                    <span class="string">&quot;about the elevation data&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">PopupMsg::new_state</span>(<span class="ident">ctx</span>, <span class="string">&quot;About the elevation data&quot;</span>, <span class="macro">vec!</span>[<span class="string">&quot;Biking uphill next to traffic without any dedicated space isn&#39;t fun.&quot;</span>, <span class="string">&quot;Biking downhill next to traffic, especially in the door-zone of parked cars, and especially on Seattle&#39;s bumpy roads... is downright terrifying.&quot;</span>, <span class="string">&quot;&quot;</span>, <span class="string">&quot;Note the elevation data is incorrect near bridges.&quot;</span>, <span class="string">&quot;Thanks to King County LIDAR for the data, and Eldan Goldenberg for processing it.&quot;</span>]),
                   <span class="string">&quot;zoom map out&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                        <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">center_zoom</span>(<span class="op">-</span><span class="number">8.0</span>);
                        <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                        <span class="kw">return</span> <span class="prelude-val">Some</span>(<span class="ident">Transition::Keep</span>);
                    },
                    <span class="string">&quot;zoom map in&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                        <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">center_zoom</span>(<span class="number">8.0</span>);
                        <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                        <span class="kw">return</span> <span class="prelude-val">Some</span>(<span class="ident">Transition::Keep</span>);
                    },
                    <span class="string">&quot;search&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                        <span class="ident">Navigator::new_state</span>(<span class="ident">ctx</span>, <span class="ident">app</span>)
                    }
                    <span class="string">&quot;hide panel&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                        <span class="self">self</span>.<span class="ident">minimized</span> <span class="op">=</span> <span class="bool-val">true</span>;
                        <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                        <span class="kw">return</span> <span class="prelude-val">Some</span>(<span class="ident">Transition::Keep</span>);
                    }
                    <span class="string">&quot;show panel&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                        <span class="self">self</span>.<span class="ident">minimized</span> <span class="op">=</span> <span class="bool-val">false</span>;
                        <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                        <span class="kw">return</span> <span class="prelude-val">Some</span>(<span class="ident">Transition::Keep</span>);
                    }
                    <span class="kw">_</span> <span class="op">=</span><span class="op">&gt;</span> <span class="macro">unreachable!</span>(),
            }));
            }
            <span class="ident">Outcome::Changed</span>(<span class="ident">x</span>) <span class="op">=</span><span class="op">&gt;</span> <span class="kw">match</span> <span class="ident">x</span>.<span class="ident">as_ref</span>() {
                <span class="string">&quot;bike network&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                    <span class="kw">if</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">is_checked</span>(<span class="string">&quot;bike network&quot;</span>) {
                        <span class="self">self</span>.<span class="ident">bike_network</span> <span class="op">=</span> <span class="prelude-val">Some</span>(<span class="ident">DrawNetworkLayer::new</span>());
                    } <span class="kw">else</span> {
                        <span class="self">self</span>.<span class="ident">bike_network</span> <span class="op">=</span> <span class="prelude-val">None</span>;
                    }
                    <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                }
                <span class="string">&quot;road labels&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                    <span class="kw">if</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">is_checked</span>(<span class="string">&quot;road labels&quot;</span>) {
                        <span class="self">self</span>.<span class="ident">labels</span> <span class="op">=</span> <span class="prelude-val">Some</span>(<span class="ident">DrawRoadLabels::new</span>());
                    } <span class="kw">else</span> {
                        <span class="self">self</span>.<span class="ident">labels</span> <span class="op">=</span> <span class="prelude-val">None</span>;
                    }
                }
                <span class="string">&quot;elevation&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                    <span class="self">self</span>.<span class="ident">elevation</span> <span class="op">=</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">is_checked</span>(<span class="string">&quot;elevation&quot;</span>);
                    <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                    <span class="kw">if</span> <span class="self">self</span>.<span class="ident">elevation</span> {
                        <span class="kw">let</span> <span class="ident">name</span> <span class="op">=</span> <span class="ident">app</span>.<span class="ident">primary</span>.<span class="ident">map</span>.<span class="ident">get_name</span>().<span class="ident">clone</span>();
                        <span class="kw">if</span> <span class="ident">app</span>.<span class="ident">session</span>.<span class="ident">elevation_contours</span>.<span class="ident">key</span>() <span class="op">!</span><span class="op">=</span> <span class="prelude-val">Some</span>(<span class="ident">name</span>.<span class="ident">clone</span>()) {
                            <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">low</span> <span class="op">=</span> <span class="ident">Distance::ZERO</span>;
                            <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">high</span> <span class="op">=</span> <span class="ident">Distance::ZERO</span>;
                            <span class="kw">for</span> <span class="ident">i</span> <span class="kw">in</span> <span class="ident">app</span>.<span class="ident">primary</span>.<span class="ident">map</span>.<span class="ident">all_intersections</span>() {
                                <span class="ident">low</span> <span class="op">=</span> <span class="ident">low</span>.<span class="ident">min</span>(<span class="ident">i</span>.<span class="ident">elevation</span>);
                                <span class="ident">high</span> <span class="op">=</span> <span class="ident">high</span>.<span class="ident">max</span>(<span class="ident">i</span>.<span class="ident">elevation</span>);
                            }
                            <span class="comment">// TODO Maybe also draw the uphill arrows on the steepest streets?</span>
                            <span class="kw">let</span> <span class="ident">value</span> <span class="op">=</span> <span class="kw">crate</span><span class="ident">::layer::elevation::ElevationContours::make_contours</span>(
                                <span class="ident">ctx</span>, <span class="ident">app</span>, <span class="ident">low</span>, <span class="ident">high</span>,
                            );
                            <span class="ident">app</span>.<span class="ident">session</span>.<span class="ident">elevation_contours</span>.<span class="ident">set</span>(<span class="ident">name</span>, <span class="ident">value</span>);
                        }
                    }
                }
                <span class="string">&quot;steep streets&quot;</span> <span class="op">=</span><span class="op">&gt;</span> {
                    <span class="kw">if</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">is_checked</span>(<span class="string">&quot;steep streets&quot;</span>) {
                        <span class="kw">let</span> (<span class="kw-2">mut</span> <span class="ident">colorer</span>, <span class="kw">_</span>, <span class="kw">_</span>) <span class="op">=</span>
                            <span class="kw">crate</span><span class="ident">::layer::elevation::SteepStreets::make_colorer</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                        <span class="comment">// The Colorer fades the map as the very first thing in the batch, but we</span>
                        <span class="comment">// don&#39;t want to do that twice.</span>
                        <span class="comment">// TODO Can&#39;t use no_fading without complicating make_colorer...</span>
                        <span class="ident">colorer</span>.<span class="ident">unzoomed</span>.<span class="ident">shift</span>();
                        <span class="self">self</span>.<span class="ident">steep_streets</span> <span class="op">=</span> <span class="prelude-val">Some</span>(<span class="ident">colorer</span>.<span class="ident">unzoomed</span>.<span class="ident">upload</span>(<span class="ident">ctx</span>));
                    } <span class="kw">else</span> {
                        <span class="self">self</span>.<span class="ident">steep_streets</span> <span class="op">=</span> <span class="prelude-val">None</span>;
                    }
                    <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
                }
                <span class="kw">_</span> <span class="op">=</span><span class="op">&gt;</span> <span class="macro">unreachable!</span>(),
            },
            <span class="kw">_</span> <span class="op">=</span><span class="op">&gt;</span> {}
        }
        <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">name</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">currently_hovering</span>().<span class="ident">cloned</span>() {
            <span class="self">self</span>.<span class="ident">highlight_road_type</span>(<span class="ident">ctx</span>, <span class="ident">app</span>, <span class="kw-2">&amp;</span><span class="ident">name</span>);
        }

        <span class="kw">if</span> <span class="self">self</span>.<span class="ident">zoom_enabled_cache_key</span> <span class="op">!</span><span class="op">=</span> <span class="ident">zoom_enabled_cache_key</span>(<span class="ident">ctx</span>) {
            <span class="comment">// approriately disable/enable zoom buttons in case user scroll-zoomed</span>
            <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
            <span class="self">self</span>.<span class="ident">zoom_enabled_cache_key</span> <span class="op">=</span> <span class="ident">zoom_enabled_cache_key</span>(<span class="ident">ctx</span>);
        }

        <span class="prelude-val">None</span>
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">draw</span>(<span class="kw-2">&amp;</span><span class="self">self</span>, <span class="ident">g</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">GfxCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">App</span>) {
        <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">draw</span>(<span class="ident">g</span>);
        <span class="kw">if</span> <span class="ident">g</span>.<span class="ident">canvas</span>.<span class="ident">cam_zoom</span> <span class="op">&lt;</span> <span class="ident">app</span>.<span class="ident">opts</span>.<span class="ident">min_zoom_for_detail</span> {
            <span class="ident">g</span>.<span class="ident">redraw</span>(<span class="kw-2">&amp;</span><span class="self">self</span>.<span class="ident">fade_map</span>);

            <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">draw_bike_layer</span> <span class="op">=</span> <span class="bool-val">true</span>;

            <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">name</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">currently_hovering</span>() {
                <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="ident">draw</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">road_types</span>.<span class="ident">get</span>(<span class="ident">name</span>) {
                    <span class="ident">g</span>.<span class="ident">redraw</span>(<span class="ident">draw</span>);
                }
                <span class="kw">if</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;trail&quot;</span>
                    <span class="op">|</span><span class="op">|</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;protected bike lane&quot;</span>
                    <span class="op">|</span><span class="op">|</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;painted bike lane&quot;</span>
                    <span class="op">|</span><span class="op">|</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;greenway&quot;</span>
                {
                    <span class="ident">draw_bike_layer</span> <span class="op">=</span> <span class="bool-val">false</span>;
                }
            }
            <span class="kw">if</span> <span class="ident">draw_bike_layer</span> {
                <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="kw-2">ref</span> <span class="ident">n</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">bike_network</span> {
                    <span class="ident">n</span>.<span class="ident">draw</span>(<span class="ident">g</span>, <span class="ident">app</span>);
                }
            }

            <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="kw-2">ref</span> <span class="ident">l</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">labels</span> {
                <span class="ident">l</span>.<span class="ident">draw</span>(<span class="ident">g</span>, <span class="ident">app</span>);
            }

            <span class="kw">if</span> <span class="self">self</span>.<span class="ident">elevation</span> {
                <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>((<span class="kw">_</span>, <span class="kw-2">ref</span> <span class="ident">draw</span>)) <span class="op">=</span> <span class="ident">app</span>.<span class="ident">session</span>.<span class="ident">elevation_contours</span>.<span class="ident">value</span>() {
                    <span class="ident">g</span>.<span class="ident">redraw</span>(<span class="ident">draw</span>);
                }
            }
            <span class="kw">if</span> <span class="kw">let</span> <span class="prelude-val">Some</span>(<span class="kw-2">ref</span> <span class="ident">draw</span>) <span class="op">=</span> <span class="self">self</span>.<span class="ident">steep_streets</span> {
                <span class="ident">g</span>.<span class="ident">redraw</span>(<span class="ident">draw</span>);
            }
        }
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">layer_icon_pos</span>(<span class="kw-2">&amp;</span><span class="self">self</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">ScreenPt</span> {
        <span class="kw">if</span> <span class="self">self</span>.<span class="ident">minimized</span> {
            <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">center_of</span>(<span class="string">&quot;show panel&quot;</span>)
        } <span class="kw">else</span> {
            <span class="self">self</span>.<span class="ident">panel</span>.<span class="ident">center_of</span>(<span class="string">&quot;layer icon&quot;</span>)
        }
    }

    <span class="kw">pub</span> <span class="kw">fn</span> <span class="ident">show_panel</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">App</span>) {
        <span class="self">self</span>.<span class="ident">minimized</span> <span class="op">=</span> <span class="bool-val">false</span>;
        <span class="self">self</span>.<span class="ident">update_panel</span>(<span class="ident">ctx</span>, <span class="ident">app</span>);
    }

    <span class="kw">fn</span> <span class="ident">update_panel</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">App</span>) {
        <span class="self">self</span>.<span class="ident">panel</span> <span class="op">=</span> <span class="ident">Panel::new_builder</span>(<span class="ident">Widget::col</span>(<span class="macro">vec!</span>[
            <span class="ident">make_zoom_controls</span>(<span class="ident">ctx</span>).<span class="ident">align_right</span>().<span class="ident">padding_right</span>(<span class="number">16</span>),
            <span class="self">self</span>.<span class="ident">make_legend</span>(<span class="ident">ctx</span>, <span class="ident">app</span>)
                .<span class="ident">padding</span>(<span class="number">16</span>)
                .<span class="ident">bg</span>(<span class="ident">ctx</span>.<span class="ident">style</span>().<span class="ident">panel_bg</span>),
        ]))
        .<span class="ident">aligned</span>(<span class="ident">HorizontalAlignment::Right</span>, <span class="ident">VerticalAlignment::Bottom</span>)
        .<span class="ident">build_custom</span>(<span class="ident">ctx</span>);
    }

    <span class="kw">fn</span> <span class="ident">make_legend</span>(<span class="kw-2">&amp;</span><span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">App</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Widget</span> {
        <span class="kw">if</span> <span class="self">self</span>.<span class="ident">minimized</span> {
            <span class="kw">return</span> <span class="ident">ctx</span>
                .<span class="ident">style</span>()
                .<span class="ident">btn_plain</span>
                .<span class="ident">icon</span>(<span class="string">&quot;system/assets/tools/layers.svg&quot;</span>)
                .<span class="ident">hotkey</span>(<span class="ident">Key::L</span>)
                .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;show panel&quot;</span>);
        }

        <span class="ident">Widget::col</span>(<span class="macro">vec!</span>[
            <span class="ident">Widget::row</span>(<span class="macro">vec!</span>[
                <span class="ident">Image::from_path</span>(<span class="string">&quot;system/assets/tools/layers.svg&quot;</span>)
                    .<span class="ident">dims</span>(<span class="number">30.0</span>)
                    .<span class="ident">into_widget</span>(<span class="ident">ctx</span>)
                    .<span class="ident">centered_vert</span>()
                    .<span class="ident">named</span>(<span class="string">&quot;layer icon&quot;</span>),
                <span class="ident">Widget::custom_row</span>(<span class="macro">vec!</span>[
                    <span class="comment">// TODO Looks too close to access restrictions</span>
                    <span class="ident">legend_btn</span>(<span class="ident">app</span>.<span class="ident">cs</span>.<span class="ident">unzoomed_highway</span>, <span class="string">&quot;highway&quot;</span>).<span class="ident">build_def</span>(<span class="ident">ctx</span>),
                    <span class="ident">legend_btn</span>(<span class="ident">app</span>.<span class="ident">cs</span>.<span class="ident">unzoomed_arterial</span>, <span class="string">&quot;major street&quot;</span>).<span class="ident">build_def</span>(<span class="ident">ctx</span>),
                    <span class="ident">legend_btn</span>(<span class="ident">app</span>.<span class="ident">cs</span>.<span class="ident">unzoomed_residential</span>, <span class="string">&quot;minor street&quot;</span>).<span class="ident">build_def</span>(<span class="ident">ctx</span>),
                ]),
                <span class="ident">ctx</span>.<span class="ident">style</span>()
                    .<span class="ident">btn_plain</span>
                    .<span class="ident">icon</span>(<span class="string">&quot;system/assets/tools/search.svg&quot;</span>)
                    .<span class="ident">hotkey</span>(<span class="ident">Key::K</span>)
                    .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;search&quot;</span>),
                <span class="ident">ctx</span>.<span class="ident">style</span>()
                    .<span class="ident">btn_plain</span>
                    .<span class="ident">icon</span>(<span class="string">&quot;system/assets/tools/minimize.svg&quot;</span>)
                    .<span class="ident">hotkey</span>(<span class="ident">Key::L</span>)
                    .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;hide panel&quot;</span>)
                    .<span class="ident">align_right</span>(),
            ]),
            <span class="ident">Widget::custom_row</span>({
                <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">row</span> <span class="op">=</span> <span class="macro">vec!</span>[<span class="ident">Toggle::checkbox</span>(
                    <span class="ident">ctx</span>,
                    <span class="string">&quot;bike network&quot;</span>,
                    <span class="ident">Key::B</span>,
                    <span class="self">self</span>.<span class="ident">bike_network</span>.<span class="ident">is_some</span>(),
                )];
                <span class="kw">if</span> <span class="self">self</span>.<span class="ident">bike_network</span>.<span class="ident">is_some</span>() {
                    <span class="ident">row</span>.<span class="ident">push</span>(<span class="ident">legend_btn</span>(<span class="kw-2">*</span><span class="ident">bike_network::DEDICATED_TRAIL</span>, <span class="string">&quot;trail&quot;</span>).<span class="ident">build_def</span>(<span class="ident">ctx</span>));
                    <span class="ident">row</span>.<span class="ident">push</span>(
                        <span class="ident">legend_btn</span>(<span class="kw-2">*</span><span class="ident">bike_network::PROTECTED_BIKE_LANE</span>, <span class="string">&quot;protected bike lane&quot;</span>)
                            .<span class="ident">build_def</span>(<span class="ident">ctx</span>),
                    );
                    <span class="ident">row</span>.<span class="ident">push</span>(
                        <span class="ident">legend_btn</span>(<span class="kw-2">*</span><span class="ident">bike_network::PAINTED_BIKE_LANE</span>, <span class="string">&quot;painted bike lane&quot;</span>)
                            .<span class="ident">build_def</span>(<span class="ident">ctx</span>),
                    );
                    <span class="ident">row</span>.<span class="ident">push</span>(<span class="ident">legend_btn</span>(<span class="kw-2">*</span><span class="ident">bike_network::GREENWAY</span>, <span class="string">&quot;greenway&quot;</span>).<span class="ident">build_def</span>(<span class="ident">ctx</span>));
                }
                <span class="ident">row</span>
            }),
            <span class="comment">// TODO Distinguish door-zone bike lanes?</span>
            <span class="comment">// TODO Call out bike turning boxes?</span>
            <span class="comment">// TODO Call out bike signals?</span>
            <span class="ident">Toggle::checkbox</span>(<span class="ident">ctx</span>, <span class="string">&quot;road labels&quot;</span>, <span class="prelude-val">None</span>, <span class="self">self</span>.<span class="ident">labels</span>.<span class="ident">is_some</span>()),
            <span class="ident">Widget::row</span>(<span class="macro">vec!</span>[
                <span class="ident">Toggle::checkbox</span>(<span class="ident">ctx</span>, <span class="string">&quot;elevation&quot;</span>, <span class="ident">Key::E</span>, <span class="self">self</span>.<span class="ident">elevation</span>),
                <span class="ident">ctx</span>.<span class="ident">style</span>()
                    .<span class="ident">btn_plain</span>
                    .<span class="ident">icon</span>(<span class="string">&quot;system/assets/tools/info.svg&quot;</span>)
                    .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;about the elevation data&quot;</span>)
                    .<span class="ident">centered_vert</span>(),
                <span class="ident">Text::new</span>()
                    .<span class="ident">into_widget</span>(<span class="ident">ctx</span>)
                    .<span class="ident">named</span>(<span class="string">&quot;current elevation&quot;</span>)
                    .<span class="ident">centered_vert</span>(),
            ]),
            <span class="ident">Widget::row</span>({
                <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">row</span> <span class="op">=</span> <span class="macro">vec!</span>[<span class="ident">Toggle::checkbox</span>(
                    <span class="ident">ctx</span>,
                    <span class="string">&quot;steep streets&quot;</span>,
                    <span class="ident">Key::S</span>,
                    <span class="self">self</span>.<span class="ident">steep_streets</span>.<span class="ident">is_some</span>(),
                )];
                <span class="kw">if</span> <span class="self">self</span>.<span class="ident">steep_streets</span>.<span class="ident">is_some</span>() {
                    <span class="kw">let</span> (<span class="ident">categories</span>, <span class="ident">uphill_legend</span>) <span class="op">=</span>
                        <span class="kw">crate</span><span class="ident">::layer::elevation::SteepStreets::make_legend</span>(<span class="ident">ctx</span>);
                    <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">legend</span>: <span class="ident">Vec</span><span class="op">&lt;</span><span class="ident">Widget</span><span class="op">&gt;</span> <span class="op">=</span> <span class="ident">categories</span>
                        .<span class="ident">into_iter</span>()
                        .<span class="ident">map</span>(<span class="op">|</span>(<span class="ident">label</span>, <span class="ident">color</span>)<span class="op">|</span> {
                            <span class="ident">legend_btn</span>(<span class="ident">color</span>, <span class="ident">label</span>)
                                .<span class="ident">label_color</span>(<span class="ident">Color::WHITE</span>, <span class="ident">ControlState::Default</span>)
                                .<span class="ident">disabled</span>(<span class="bool-val">true</span>)
                                .<span class="ident">build_def</span>(<span class="ident">ctx</span>)
                        })
                        .<span class="ident">collect</span>();
                    <span class="ident">legend</span>.<span class="ident">push</span>(<span class="ident">uphill_legend</span>);
                    <span class="ident">row</span>.<span class="ident">push</span>(<span class="ident">Widget::custom_row</span>(<span class="ident">legend</span>));
                }
                <span class="ident">row</span>
            }),
            <span class="comment">// TODO Probably a collisions layer</span>
        ])
    }

    <span class="kw">fn</span> <span class="ident">highlight_road_type</span>(<span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="self">self</span>, <span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>, <span class="ident">app</span>: <span class="kw-2">&amp;</span><span class="ident">App</span>, <span class="ident">name</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>) {
        <span class="comment">// TODO Button enums would rock</span>
        <span class="kw">if</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;bike network&quot;</span>
            <span class="op">|</span><span class="op">|</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;road labels&quot;</span>
            <span class="op">|</span><span class="op">|</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;elevation&quot;</span>
            <span class="op">|</span><span class="op">|</span> <span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;steep streets&quot;</span>
            <span class="op">|</span><span class="op">|</span> <span class="ident">name</span>.<span class="ident">starts_with</span>(<span class="string">&quot;about &quot;</span>)
        {
            <span class="kw">return</span>;
        }
        <span class="kw">if</span> <span class="self">self</span>.<span class="ident">road_types</span>.<span class="ident">contains_key</span>(<span class="ident">name</span>) {
            <span class="kw">return</span>;
        }

        <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">batch</span> <span class="op">=</span> <span class="ident">GeomBatch::new</span>();
        <span class="kw">for</span> <span class="ident">r</span> <span class="kw">in</span> <span class="ident">app</span>.<span class="ident">primary</span>.<span class="ident">map</span>.<span class="ident">all_roads</span>() {
            <span class="kw">let</span> <span class="ident">rank</span> <span class="op">=</span> <span class="ident">r</span>.<span class="ident">get_rank</span>();
            <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">bike_lane</span> <span class="op">=</span> <span class="bool-val">false</span>;
            <span class="kw">let</span> <span class="kw-2">mut</span> <span class="ident">buffer</span> <span class="op">=</span> <span class="bool-val">false</span>;
            <span class="kw">for</span> <span class="ident">l</span> <span class="kw">in</span> <span class="kw-2">&amp;</span><span class="ident">r</span>.<span class="ident">lanes</span> {
                <span class="kw">if</span> <span class="ident">l</span>.<span class="ident">lane_type</span> <span class="op">=</span><span class="op">=</span> <span class="ident">LaneType::Biking</span> {
                    <span class="ident">bike_lane</span> <span class="op">=</span> <span class="bool-val">true</span>;
                } <span class="kw">else</span> <span class="kw">if</span> <span class="macro">matches!</span>(<span class="ident">l</span>.<span class="ident">lane_type</span>, <span class="ident">LaneType::Buffer</span>(<span class="kw">_</span>)) {
                    <span class="ident">buffer</span> <span class="op">=</span> <span class="bool-val">true</span>;
                }
            }

            <span class="kw">let</span> <span class="ident">show</span> <span class="op">=</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;highway&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">rank</span> <span class="op">=</span><span class="op">=</span> <span class="ident">RoadRank::Highway</span>)
                <span class="op">|</span><span class="op">|</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;major street&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">rank</span> <span class="op">=</span><span class="op">=</span> <span class="ident">RoadRank::Arterial</span>)
                <span class="op">|</span><span class="op">|</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;minor street&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">rank</span> <span class="op">=</span><span class="op">=</span> <span class="ident">RoadRank::Local</span>)
                <span class="op">|</span><span class="op">|</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;trail&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">r</span>.<span class="ident">is_cycleway</span>())
                <span class="op">|</span><span class="op">|</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;protected bike lane&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">bike_lane</span> <span class="op">&amp;&amp;</span> <span class="ident">buffer</span>)
                <span class="op">|</span><span class="op">|</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;painted bike lane&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">bike_lane</span> <span class="op">&amp;&amp;</span> <span class="op">!</span><span class="ident">buffer</span>)
                <span class="op">|</span><span class="op">|</span> (<span class="ident">name</span> <span class="op">=</span><span class="op">=</span> <span class="string">&quot;greenway&quot;</span> <span class="op">&amp;&amp;</span> <span class="ident">bike_network::is_greenway</span>(<span class="ident">r</span>));
            <span class="kw">if</span> <span class="ident">show</span> {
                <span class="kw">let</span> <span class="ident">color</span> <span class="op">=</span> <span class="kw">match</span> <span class="ident">name</span> {
                    <span class="string">&quot;highway&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">app</span>.<span class="ident">cs</span>.<span class="ident">unzoomed_highway</span>,
                    <span class="string">&quot;major street&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">app</span>.<span class="ident">cs</span>.<span class="ident">unzoomed_arterial</span>,
                    <span class="string">&quot;minor street&quot;</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">app</span>.<span class="ident">cs</span>.<span class="ident">unzoomed_residential</span>,
                    <span class="comment">// Some of the bike layers are too faded, so always use a louder green.</span>
                    <span class="kw">_</span> <span class="op">=</span><span class="op">&gt;</span> <span class="ident">Color::GREEN</span>,
                };
                <span class="comment">// TODO If it&#39;s a bike element, should probably thicken for the unzoomed scale...</span>
                <span class="comment">// the maximum amount?</span>
                <span class="ident">batch</span>.<span class="ident">push</span>(<span class="ident">color</span>, <span class="ident">r</span>.<span class="ident">get_thick_polygon</span>());
            }
        }

        <span class="self">self</span>.<span class="ident">road_types</span>.<span class="ident">insert</span>(<span class="ident">name</span>.<span class="ident">to_string</span>(), <span class="ident">ctx</span>.<span class="ident">upload</span>(<span class="ident">batch</span>));
    }
}

<span class="kw">fn</span> <span class="ident">make_zoom_controls</span>(<span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="kw-2">mut</span> <span class="ident">EventCtx</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">Widget</span> {
    <span class="kw">let</span> <span class="ident">builder</span> <span class="op">=</span> <span class="ident">ctx</span>
        .<span class="ident">style</span>()
        .<span class="ident">btn_floating</span>
        .<span class="ident">btn</span>()
        .<span class="ident">image_dims</span>(<span class="number">30.0</span>)
        .<span class="ident">outline</span>((<span class="number">1.0</span>, <span class="ident">ctx</span>.<span class="ident">style</span>().<span class="ident">btn_plain</span>.<span class="ident">fg</span>), <span class="ident">ControlState::Default</span>)
        .<span class="ident">padding</span>(<span class="number">12.0</span>);

    <span class="ident">Widget::custom_col</span>(<span class="macro">vec!</span>[
        <span class="ident">builder</span>
            .<span class="ident">clone</span>()
            .<span class="ident">image_path</span>(<span class="string">&quot;system/assets/speed/plus.svg&quot;</span>)
            .<span class="ident">corner_rounding</span>(<span class="ident">geom::CornerRadii</span> {
                <span class="ident">top_left</span>: <span class="number">16.0</span>,
                <span class="ident">top_right</span>: <span class="number">16.0</span>,
                <span class="ident">bottom_right</span>: <span class="number">0.0</span>,
                <span class="ident">bottom_left</span>: <span class="number">0.0</span>,
            })
            .<span class="ident">disabled</span>(<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">is_max_zoom</span>())
            .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;zoom map in&quot;</span>),
        <span class="ident">builder</span>
            .<span class="ident">image_path</span>(<span class="string">&quot;system/assets/speed/minus.svg&quot;</span>)
            .<span class="ident">image_dims</span>(<span class="number">30.0</span>)
            .<span class="ident">padding</span>(<span class="number">12.0</span>)
            .<span class="ident">corner_rounding</span>(<span class="ident">geom::CornerRadii</span> {
                <span class="ident">top_left</span>: <span class="number">0.0</span>,
                <span class="ident">top_right</span>: <span class="number">0.0</span>,
                <span class="ident">bottom_right</span>: <span class="number">16.0</span>,
                <span class="ident">bottom_left</span>: <span class="number">16.0</span>,
            })
            .<span class="ident">disabled</span>(<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">is_min_zoom</span>())
            .<span class="ident">build_widget</span>(<span class="ident">ctx</span>, <span class="string">&quot;zoom map out&quot;</span>),
    ])
}

<span class="kw">fn</span> <span class="ident">legend_btn</span>(<span class="ident">color</span>: <span class="ident">Color</span>, <span class="ident">label</span>: <span class="kw-2">&amp;</span><span class="ident">str</span>) <span class="op">-</span><span class="op">&gt;</span> <span class="ident">ButtonBuilder</span> {
    <span class="ident">ButtonBuilder::new</span>()
        .<span class="ident">label_text</span>(<span class="ident">label</span>)
        .<span class="ident">bg_color</span>(<span class="ident">color</span>, <span class="ident">ControlState::Default</span>)
        .<span class="ident">bg_color</span>(<span class="ident">color</span>.<span class="ident">alpha</span>(<span class="number">0.6</span>), <span class="ident">ControlState::Hovered</span>)
        .<span class="ident">padding</span>(<span class="ident">EdgeInsets</span> {
            <span class="ident">top</span>: <span class="number">10.0</span>,
            <span class="ident">bottom</span>: <span class="number">10.0</span>,
            <span class="ident">left</span>: <span class="number">20.0</span>,
            <span class="ident">right</span>: <span class="number">20.0</span>,
        })
        .<span class="ident">corner_rounding</span>(<span class="number">0.0</span>)
}

<span class="kw">fn</span> <span class="ident">zoom_enabled_cache_key</span>(<span class="ident">ctx</span>: <span class="kw-2">&amp;</span><span class="ident">EventCtx</span>) <span class="op">-</span><span class="op">&gt;</span> (<span class="ident">bool</span>, <span class="ident">bool</span>) {
    (<span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">is_max_zoom</span>(), <span class="ident">ctx</span>.<span class="ident">canvas</span>.<span class="ident">is_min_zoom</span>())
}
</pre></div>
</section><section id="search" class="content hidden"></section><div id="rustdoc-vars" data-root-path="../../../" data-current-crate="game" data-search-index-js="../../../search-index.js" data-search-js="../../../search.js"></div>
    <script src="../../../main.js"></script><script src="../../../source-script.js"></script><script src="../../../source-files.js"></script>
</body></html>