From 7200f9b7fed82626f8bfea9a9477001229418d24 Mon Sep 17 00:00:00 2001
From: Ivan Malagon <hacheka@gmail.com>
Date: Mon, 3 Dec 2018 16:14:42 +0100
Subject: [PATCH] Add port to examples

---
 examples/data_peek.html              |  7 +++++--
 examples/dual_encode.html            |  3 ++-
 examples/leaflet_interaction.html    | 10 ++++++----
 examples/light_bright.html           |  3 ++-
 examples/navy_gmaps.html             |  3 ++-
 examples/navy_leaflet.html           |  5 +++--
 examples/navy_ol.html                |  5 +++--
 examples/render-range_leaflet.html   |  4 +++-
 examples/static_bubble_map.html      |  3 ++-
 examples/static_heat_map.html        |  3 ++-
 examples/static_heat_map_simple.html |  3 ++-
 11 files changed, 32 insertions(+), 17 deletions(-)

diff --git a/examples/data_peek.html b/examples/data_peek.html
index 15f4309..d0ccbb8 100644
--- a/examples/data_peek.html
+++ b/examples/data_peek.html
@@ -37,7 +37,7 @@
         zoom: 3
       });
 
-      L.tileLayer('https://{s}.api.cartocdn.com/base-dark/{z}/{x}/{y}.png', {
+      L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {
         attribution: 'CartoDB'
       }).addTo(map);
 
@@ -45,10 +45,13 @@
         user       : 'fdansv',
         table      : 'snow',
         cartocss: CARTOCSS,
-        tiler_protocol: 'https'
+        tiler_protocol: 'https',
+        tiler_port: 443,
+        zIndex: 10
       });
       torqueLayer.addTo(map);
       torqueLayer.play();
+      torqueLayer.bringToFront();
       var rect = document.createElement("div");
       var size = 50;
       rect.setAttribute('style', "position:absolute; background-color: #fff; width: 100px; height: 30px;");
diff --git a/examples/dual_encode.html b/examples/dual_encode.html
index 163b6fc..0b1d5d5 100644
--- a/examples/dual_encode.html
+++ b/examples/dual_encode.html
@@ -120,7 +120,8 @@
             }
         }, {
           https: true,
-          tiler_protocol: 'https'
+          tiler_protocol: 'https',
+          tiler_port: 443
         }).done(function(layer) {
           map.addLayer(layer);
         });
diff --git a/examples/leaflet_interaction.html b/examples/leaflet_interaction.html
index 91137f6..6458865 100644
--- a/examples/leaflet_interaction.html
+++ b/examples/leaflet_interaction.html
@@ -20,7 +20,7 @@
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/leaflet.css" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.4/leaflet.js"></script>
-    <script src="https://libs.cartocdn.com/torque.js/2.16.5/torque.full.js"></script>
+    <script src="../dist/torque.full.uncompressed.js"></script>
 
 
     <script>
@@ -57,15 +57,17 @@
         zoom: 3
       });
 
-      L.tileLayer('https://{s}.api.cartocdn.com/base-dark/{z}/{x}/{y}.png', {
+      L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {
         attribution: 'CartoDB'
-      }).addTo(map);
+      }).addTo(map, true);
 
       var torqueLayer = new L.TorqueLayer({
         user       : 'viz2',
         table      : 'ow',
         cartocss: CARTOCSS,
-        tiler_protocol: 'https'
+        tiler_protocol: 'https',
+        tiler_port: 443,
+        zIndex: 10
       });
       torqueLayer.addTo(map);
 
diff --git a/examples/light_bright.html b/examples/light_bright.html
index 0e38f22..a31cc15 100644
--- a/examples/light_bright.html
+++ b/examples/light_bright.html
@@ -83,7 +83,8 @@
             }
         }, {
           https: true,
-          tiler_protocol: 'https'
+          tiler_protocol: 'https',
+          tiler_port: 443
         }).done(function(layer) {
           map.addLayer(layer);
         });
diff --git a/examples/navy_gmaps.html b/examples/navy_gmaps.html
index 6c4f6d3..89fa542 100644
--- a/examples/navy_gmaps.html
+++ b/examples/navy_gmaps.html
@@ -75,7 +75,8 @@
         user       : 'viz2',
         table      : 'ow',
         cartocss: CARTOCSS,
-        tiler_protocol: 'https'
+        tiler_protocol: 'https',
+        tiler_port: 443
       });
       torqueLayer.error(function(err){
         for(error in err){
diff --git a/examples/navy_leaflet.html b/examples/navy_leaflet.html
index d5c9f6e..823ff74 100644
--- a/examples/navy_leaflet.html
+++ b/examples/navy_leaflet.html
@@ -46,7 +46,7 @@
         zoom: 3
       });
 
-      L.tileLayer('http://{s}.api.cartocdn.com/base-dark/{z}/{x}/{y}.png', {
+      L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {
         attribution: 'CartoDB'
       }).addTo(map);
 
@@ -55,7 +55,8 @@
         table      : 'ow',
         zIndex: 100,
         cartocss: CARTOCSS,
-        tiler_protocol: 'https'
+        tiler_protocol: 'https',
+        tiler_port: 443
       });
       torqueLayer.error(function(err){
         for(error in err){
diff --git a/examples/navy_ol.html b/examples/navy_ol.html
index e20536e..0ab57b3 100644
--- a/examples/navy_ol.html
+++ b/examples/navy_ol.html
@@ -50,7 +50,7 @@
             }),
             layers: [
                 new ol.layer.Tile({
-                    source: new ol.source.XYZ({ url: 'https://api.cartocdn.com/base-dark/{z}/{x}/{y}.png'})
+                    source: new ol.source.XYZ({ url: 'https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png'})
                 })
             ],
             interactions: ol.interaction.defaults({
@@ -64,7 +64,8 @@
             user       : 'viz2',
             table      : 'ow',
             cartocss: CARTOCSS,
-            tiler_protocol: 'https'
+            tiler_protocol: 'https',
+            tiler_port: 443
         });
 
         torqueLayer.onAdd(map);
diff --git a/examples/render-range_leaflet.html b/examples/render-range_leaflet.html
index 06ee174..9da2247 100644
--- a/examples/render-range_leaflet.html
+++ b/examples/render-range_leaflet.html
@@ -61,7 +61,9 @@
         user: 'documentation',
         sql: 'SELECT s + 181 as cartodb_id, st_transform(ST_SetSRID (st_makepoint(s, 10*sin(s)), 4326), 3857) as the_geom_webmercator FROM generate_series(-180, 180, 1) as s',
         cartocss: CARTOCSS,
-        tiler_protocol: 'https'
+        tiler_protocol: 'https',
+        tiler_port: 443,
+        zIndex: 10
       });
       torqueLayer.error(console.warn);
       torqueLayer.addTo(map);
diff --git a/examples/static_bubble_map.html b/examples/static_bubble_map.html
index d56ac5f..7673a7b 100644
--- a/examples/static_bubble_map.html
+++ b/examples/static_bubble_map.html
@@ -80,7 +80,8 @@
             }
         }, {
           https: true,
-          tiler_protocol: 'https'
+          tiler_protocol: 'https',
+          tiler_port: 443
         }).done(function(layer) {
           map.addLayer(layer);
         });
diff --git a/examples/static_heat_map.html b/examples/static_heat_map.html
index bc41a2d..7a2b74c 100644
--- a/examples/static_heat_map.html
+++ b/examples/static_heat_map.html
@@ -79,7 +79,8 @@
             }
         }, {
           https: true,
-          tiler_protocol: 'https'
+          tiler_protocol: 'https',
+          tiler_port: 443
         }).done(function(layer) {
           map.addLayer(layer);
         });
diff --git a/examples/static_heat_map_simple.html b/examples/static_heat_map_simple.html
index ef7618d..d4215bc 100644
--- a/examples/static_heat_map_simple.html
+++ b/examples/static_heat_map_simple.html
@@ -66,7 +66,8 @@
             }
         }, {
           https: true,
-          tiler_protocol: 'https'
+          tiler_protocol: 'https',
+          tiler_port: 443
         }).done(function(layer) {
           map.addLayer(layer);
         });