<span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">1</span><span class="token token" style="color:#999">// initialize the map</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">2</span><span></span><span class="token token" style="color:#cc99cd">function</span><span> </span><span class="token token" style="color:#f08d49">initMap</span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#ccc">)</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">3</span><span> </span><span class="token token" style="color:#cc99cd">var</span><span> map </span><span class="token token" style="color:#67cdcc">=</span><span> </span><span class="token token" style="color:#cc99cd">new</span><span> </span><span class="token token" style="color:#f8c555">google</span><span class="token token" style="color:#ccc">.</span><span class="token token" style="color:#f8c555">maps</span><span class="token token" style="color:#ccc">.</span><span class="token token" style="color:#f8c555">Map</span><span class="token token" style="color:#ccc">(</span><span class="token token dom" style="color:#7ec699">document</span><span class="token token" style="color:#ccc">.</span><span class="token token method property-access" style="color:#f08d49">getElementById</span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#7ec699">'map'</span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">4</span><span> </span><span class="token token literal-property" style="color:#f8c555">zoom</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">7</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">5</span><span> </span><span class="token token literal-property" style="color:#f8c555">center</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">6</span><span> </span><span class="token token literal-property" style="color:#f8c555">lat</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">42.355438</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">7</span><span> </span><span class="token token literal-property" style="color:#f8c555">lng</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#67cdcc">-</span><span class="token token" style="color:#f08d49">71.059914</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">8</span><span> </span><span class="token token string-property" style="color:#f8c555">"timelines"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">[</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">9</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">10</span><span> </span><span class="token token string-property" style="color:#f8c555">"timestep"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"current"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">11</span><span> </span><span class="token token string-property" style="color:#f8c555">"endTime"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"2023-01-08T16:22:00Z"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">12</span><span> </span><span class="token token string-property" style="color:#f8c555">"startTime"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"2023-01-08T16:22:00Z"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">13</span><span> </span><span class="token token string-property" style="color:#f8c555">"intervals"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">[</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">14</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">15</span><span> </span><span class="token token string-property" style="color:#f8c555">"startTime"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"2023-01-08T16:22:00Z"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">16</span><span> </span><span class="token token string-property" style="color:#f8c555">"values"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">17</span><span> </span><span class="token token string-property" style="color:#f8c555">"humidity"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">50.49</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">18</span><span> </span><span class="token token string-property" style="color:#f8c555">"temperature"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#67cdcc">-</span><span class="token token" style="color:#f08d49">1</span><span class="token token" style="color:#ccc">,</span></span>
<span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">1</span><span class="token token" style="color:#cc99cd">const</span><span> map </span><span class="token token" style="color:#67cdcc">=</span><span> </span><span class="token token" style="color:#cc99cd">new</span><span> </span><span class="token token" style="color:#f8c555">mapboxgl</span><span class="token token" style="color:#ccc">.</span><span class="token token" style="color:#f8c555">Map</span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">2</span><span> </span><span class="token token literal-property" style="color:#f8c555">container</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"map"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">3</span><span> </span><span class="token token literal-property" style="color:#f8c555">style</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"mapbox://styles/mapbox/streets-v11"</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#999">// You can choose another Mapbox style</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">4</span><span> </span><span class="token token literal-property" style="color:#f8c555">center</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">[</span><span class="token token" style="color:#67cdcc">-</span><span class="token token" style="color:#f08d49">122.4194</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#f08d49">37.7749</span><span class="token token" style="color:#ccc">]</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#999">// Set the initial map center</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">5</span><span> </span><span class="token token literal-property" style="color:#f8c555">zoom</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">12</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#999">// Set the initial zoom level</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">6</span><span></span><span class="token token" style="color:#ccc">}</span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">;</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">7</span>
</span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">8</span><span></span><span class="token token" style="color:#999">// Add Tomorrow.io tiles to the map</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">9</span><span>map</span><span class="token token" style="color:#ccc">.</span><span class="token token method property-access" style="color:#f08d49">on</span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#7ec699">"load"</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#ccc">)</span><span> </span><span class="token token arrow" style="color:#67cdcc">=></span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">10</span><span> map</span><span class="token token" style="color:#ccc">.</span><span class="token token method property-access" style="color:#f08d49">addSource</span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#7ec699">"tomorrow-io-tiles"</span><span class="token token" style="color:#ccc">,</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">11</span><span> </span><span class="token token literal-property" style="color:#f8c555">type</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"raster"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">12</span><span> </span><span class="token token literal-property" style="color:#f8c555">tiles</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">[</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">13</span><span> </span><span class="token token template-string template-punctuation" style="color:#7ec699">`</span><span class="token token template-string" style="color:#7ec699">https://maps2.tomorrow.io/weather/YOUR_TOMORROW_IO_API_KEY/current/precipitation/{z}/{x}/{y}.png</span><span class="token token template-string template-punctuation" style="color:#7ec699">`</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">14</span><span> </span><span class="token token" style="color:#ccc">]</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">15</span><span> </span><span class="token token literal-property" style="color:#f8c555">tileSize</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">256</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">16</span><span> </span><span class="token token" style="color:#ccc">}</span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">;</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">17</span>
</span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">18</span><span> map</span><span class="token token" style="color:#ccc">.</span><span class="token token method property-access" style="color:#f08d49">addLayer</span><span class="token token" style="color:#ccc">(</span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">19</span><span> </span><span class="token token literal-property" style="color:#f8c555">id</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"tomorrow-io-layer"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">20</span><span> </span><span class="token token literal-property" style="color:#f8c555">type</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"raster"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">21</span><span> </span><span class="token token literal-property" style="color:#f8c555">source</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"tomorrow-io-tiles"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">22</span><span> </span><span class="token token literal-property" style="color:#f8c555">paint</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#ccc">{</span><span> </span><span class="token token string-property" style="color:#f8c555">"raster-opacity"</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">0.7</span><span> </span><span class="token token" style="color:#ccc">}</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">23</span><span> </span><span class="token token" style="color:#ccc">}</span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">;</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:3.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">24</span><span></span><span class="token token" style="color:#ccc">}</span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">;</span></span>
<span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">1</span><span class="token token" style="color:#999">// Replace 'YOUR_TOMORROW_IO_API_KEY' with your actual Tomorrow.io API key</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">2</span><span></span><span class="token token" style="color:#cc99cd">const</span><span> tomorrowIoApiKey </span><span class="token token" style="color:#67cdcc">=</span><span> </span><span class="token token" style="color:#7ec699">"YOUR_TOMORROW_IO_API_KEY"</span><span class="token token" style="color:#ccc">;</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">3</span>
</span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">4</span><span></span><span class="token token" style="color:#999">// Add Tomorrow.io tiles to the map</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">5</span><span></span><span class="token token" style="color:#f8c555">L</span><span class="token token" style="color:#ccc">.</span><span class="token token method property-access" style="color:#f08d49">tileLayer</span><span class="token token" style="color:#ccc">(</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">6</span><span> </span><span class="token token template-string template-punctuation" style="color:#7ec699">`</span><span class="token token template-string" style="color:#7ec699">https://maps2.tomorrow.io/weather/</span><span class="token token template-string interpolation interpolation-punctuation" style="color:#ccc">${</span><span class="token token template-string interpolation">tomorrowIoApiKey</span><span class="token token template-string interpolation interpolation-punctuation" style="color:#ccc">}</span><span class="token token template-string" style="color:#7ec699">/current/precipitation/{z}/{x}/{y}.png</span><span class="token token template-string template-punctuation" style="color:#7ec699">`</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">7</span><span> </span><span class="token token" style="color:#ccc">{</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">8</span><span> </span><span class="token token literal-property" style="color:#f8c555">attribution</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#7ec699">"Tomorrow.io Weather"</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">9</span><span> </span><span class="token token literal-property" style="color:#f8c555">tileSize</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">256</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">10</span><span> </span><span class="token token literal-property" style="color:#f8c555">maxZoom</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">16</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">11</span><span> </span><span class="token token literal-property" style="color:#f8c555">opacity</span><span class="token token" style="color:#67cdcc">:</span><span> </span><span class="token token" style="color:#f08d49">0.7</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">12</span><span> </span><span class="token token" style="color:#ccc">}</span><span class="token token" style="color:#ccc">,</span><span>
</span></span><span style="display:flex"><span class="linenumber react-syntax-highlighter-line-number" style="display:inline-block;min-width:2.25em;padding-right:1em;text-align:right;user-select:none;min-width:10px;color:#999">13</span><span></span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">.</span><span class="token token method property-access" style="color:#f08d49">addTo</span><span class="token token" style="color:#ccc">(</span><span>map</span><span class="token token" style="color:#ccc">)</span><span class="token token" style="color:#ccc">;</span></span>