deploy: 869fa3b

Author: hansthen

dev/_images/user_guide_plugins_timeslider_choropleth_12_0.png

@@ -479,8 +479,8 @@ <h3>Example 1: overriding the locations from where resources are loaded<a class=
 </div>
 <div class="input_area highlight-ipython3 notranslate"><div class="highlight"><pre><span></span><span class="n">m</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Map</span><span class="p">()</span>
 <span class="n">m</span><span class="o">.</span><span class="n">add_css_link</span><span class="p">(</span>
-    <span class="s2">&quot;bootstrap_css&quot;</span><span class="p">,</span>
-    <span class="s2">&quot;https://example.com/bootstrap/400.5.0/css/bootstrap.min.css&quot;</span>
+    <span class="s2">"bootstrap_css"</span><span class="p">,</span>
+    <span class="s2">"https://example.com/bootstrap/400.5.0/css/bootstrap.min.css"</span>
 <span class="p">)</span>
 </pre></div>
 </div>
@@ -497,34 +497,34 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
 <span class="kn">from</span><span class="w"> </span><span class="nn">folium.plugins</span><span class="w"> </span><span class="kn">import</span> <span class="n">Realtime</span>
 
 <span class="n">m</span> <span class="o">=</span> <span class="n">folium</span><span class="o">.</span><span class="n">Map</span><span class="p">()</span>
-<span class="n">on_each_feature</span> <span class="o">=</span> <span class="n">JsCode</span><span class="p">(</span><span class="s2">&quot;&quot;&quot;</span>
+<span class="n">on_each_feature</span> <span class="o">=</span> <span class="n">JsCode</span><span class="p">(</span><span class="s2">"""</span>
 <span class="s2">function(f, l) {</span>
 <span class="s2">    l.bindPopup(function() {</span>
-<span class="s2">        return &#39;&lt;h5&gt;&#39; + dayjs.unix(f.properties.timestamp).format() + &#39;&lt;/h5&gt;&#39;;</span>
+<span class="s2">        return '&lt;h5&gt;' + dayjs.unix(f.properties.timestamp).format() + '&lt;/h5&gt;';</span>
 <span class="s2">    });</span>
 <span class="s2">}</span>
-<span class="s2">&quot;&quot;&quot;</span><span class="p">)</span>
+<span class="s2">"""</span><span class="p">)</span>
 
-<span class="n">source</span> <span class="o">=</span> <span class="n">JsCode</span><span class="p">(</span><span class="s2">&quot;&quot;&quot;</span>
+<span class="n">source</span> <span class="o">=</span> <span class="n">JsCode</span><span class="p">(</span><span class="s2">"""</span>
 <span class="s2">function(responseHandler, errorHandler) {</span>
-<span class="s2">    var url = &#39;https://api.wheretheiss.at/v1/satellites/25544&#39;;</span>
+<span class="s2">    var url = 'https://api.wheretheiss.at/v1/satellites/25544';</span>
 
 <span class="s2">    fetch(url)</span>
 <span class="s2">    .then((response) =&gt; {</span>
 <span class="s2">        return response.json().then((data) =&gt; {</span>
 <span class="s2">            var { id, timestamp, longitude, latitude } = data;</span>
 
 <span class="s2">            return {</span>
-<span class="s2">                &#39;type&#39;: &#39;FeatureCollection&#39;,</span>
-<span class="s2">                &#39;features&#39;: [{</span>
-<span class="s2">                    &#39;type&#39;: &#39;Feature&#39;,</span>
-<span class="s2">                    &#39;geometry&#39;: {</span>
-<span class="s2">                        &#39;type&#39;: &#39;Point&#39;,</span>
-<span class="s2">                        &#39;coordinates&#39;: [longitude, latitude]</span>
+<span class="s2">                'type': 'FeatureCollection',</span>
+<span class="s2">                'features': [{</span>
+<span class="s2">                    'type': 'Feature',</span>
+<span class="s2">                    'geometry': {</span>
+<span class="s2">                        'type': 'Point',</span>
+<span class="s2">                        'coordinates': [longitude, latitude]</span>
 <span class="s2">                    },</span>
-<span class="s2">                    &#39;properties&#39;: {</span>
-<span class="s2">                        &#39;id&#39;: id,</span>
-<span class="s2">                        &#39;timestamp&#39;: timestamp</span>
+<span class="s2">                    'properties': {</span>
+<span class="s2">                        'id': id,</span>
+<span class="s2">                        'timestamp': timestamp</span>
 <span class="s2">                    }</span>
 <span class="s2">                }]</span>
 <span class="s2">            };</span>
@@ -533,12 +533,12 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
 <span class="s2">    .then(responseHandler)</span>
 <span class="s2">    .catch(errorHandler);</span>
 <span class="s2">}</span>
-<span class="s2">&quot;&quot;&quot;</span><span class="p">)</span>
+<span class="s2">"""</span><span class="p">)</span>
 
 <span class="n">rt</span> <span class="o">=</span> <span class="n">Realtime</span><span class="p">(</span><span class="n">source</span><span class="p">,</span>
               <span class="n">on_each_feature</span><span class="o">=</span><span class="n">on_each_feature</span><span class="p">,</span>
               <span class="n">interval</span><span class="o">=</span><span class="mi">1000</span><span class="p">)</span>
-<span class="n">rt</span><span class="o">.</span><span class="n">add_js_link</span><span class="p">(</span><span class="s2">&quot;dayjs&quot;</span><span class="p">,</span> <span class="s2">&quot;https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js&quot;</span><span class="p">)</span>
+<span class="n">rt</span><span class="o">.</span><span class="n">add_js_link</span><span class="p">(</span><span class="s2">"dayjs"</span><span class="p">,</span> <span class="s2">"https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js"</span><span class="p">)</span>
 <span class="n">rt</span><span class="o">.</span><span class="n">add_to</span><span class="p">(</span><span class="n">m</span><span class="p">)</span>
 <span class="n">m</span>
 </pre></div>
@@ -568,7 +568,7 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
             &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,
                 initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;
             &lt;style&gt;
-                #map_685e56eccec1b4dc8b21ee0f04516cf7 {
+                #map_31cb58f753439014c630446efcb71658 {
                     position: relative;
                     width: 100.0vw;
                     height: 100.0vh;
@@ -608,14 +608,14 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
 &lt;body&gt;
 
 
-            &lt;div class=&quot;folium-map&quot; id=&quot;map_685e56eccec1b4dc8b21ee0f04516cf7&quot; &gt;&lt;/div&gt;
+            &lt;div class=&quot;folium-map&quot; id=&quot;map_31cb58f753439014c630446efcb71658&quot; &gt;&lt;/div&gt;
 
 &lt;/body&gt;
 &lt;script&gt;
 
 
-            var map_685e56eccec1b4dc8b21ee0f04516cf7 = L.map(
-                &quot;map_685e56eccec1b4dc8b21ee0f04516cf7&quot;,
+            var map_31cb58f753439014c630446efcb71658 = L.map(
+                &quot;map_31cb58f753439014c630446efcb71658&quot;,
                 {
                     center: [0.0, 0.0],
                     crs: L.CRS.EPSG3857,
@@ -632,7 +632,7 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
 
 
 
-            var tile_layer_db184bca95b997a7b0d362e551d999ab = L.tileLayer(
+            var tile_layer_88b254b9354541ffce764cc163762e2d = L.tileLayer(
                 &quot;https://tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,
                 {
   &quot;minZoom&quot;: 0,
@@ -649,10 +649,10 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
             );
 
 
-            tile_layer_db184bca95b997a7b0d362e551d999ab.addTo(map_685e56eccec1b4dc8b21ee0f04516cf7);
+            tile_layer_88b254b9354541ffce764cc163762e2d.addTo(map_31cb58f753439014c630446efcb71658);
 
 
-            var realtime_0590e638a524bb465c2ec82b718f5d33 = L.realtime(
+            var realtime_bfe141e7e5bf2aef5d03c9f0de8e77b6 = L.realtime(
 
 function(responseHandler, errorHandler) {
     var url = &#x27;https://api.wheretheiss.at/v1/satellites/25544&#x27;;
@@ -695,12 +695,12 @@ <h3>Example 2: loading additional javascript<a class="headerlink" href="#Example
   &quot;removeMissing&quot;: false,
 }
             );
-            map_685e56eccec1b4dc8b21ee0f04516cf7.addLayer(
-                realtime_0590e638a524bb465c2ec82b718f5d33._container
+            map_31cb58f753439014c630446efcb71658.addLayer(
+                realtime_bfe141e7e5bf2aef5d03c9f0de8e77b6._container
             );
 
 
-            realtime_0590e638a524bb465c2ec82b718f5d33.addTo(map_685e56eccec1b4dc8b21ee0f04516cf7);
+            realtime_bfe141e7e5bf2aef5d03c9f0de8e77b6.addTo(map_31cb58f753439014c630446efcb71658);
 
 &lt;/script&gt;
 &lt;/html&gt;" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div></div>