From 25371fc4e77034a12eb51a28c53669966797ce02 Mon Sep 17 00:00:00 2001
From: Andrew Harvey <andrew@alantgeo.com.au>
Date: Sat, 13 Jul 2019 16:59:20 +1000
Subject: [PATCH] set antialias to true for custom layers and extrusion
 examples

---
 docs/pages/example/3d-buildings.html           |  3 ++-
 docs/pages/example/3d-extrusion-floorplan.html |  3 ++-
 docs/pages/example/add-3d-model.html           | 10 ++++++----
 docs/pages/example/custom-style-layer.html     |  3 ++-
 docs/pages/example/dancing-buildings.html      |  3 ++-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/docs/pages/example/3d-buildings.html b/docs/pages/example/3d-buildings.html
index e4c3a22c000..8789429c4a7 100644
--- a/docs/pages/example/3d-buildings.html
+++ b/docs/pages/example/3d-buildings.html
@@ -6,7 +6,8 @@
     zoom: 15.5,
     pitch: 45,
     bearing: -17.6,
-    container: 'map'
+    container: 'map',
+    antialias: true
 });
 
 // The 'building' layer in the mapbox-streets vector source contains building-height
diff --git a/docs/pages/example/3d-extrusion-floorplan.html b/docs/pages/example/3d-extrusion-floorplan.html
index c148598dfe3..84e5dbeb182 100644
--- a/docs/pages/example/3d-extrusion-floorplan.html
+++ b/docs/pages/example/3d-extrusion-floorplan.html
@@ -6,7 +6,8 @@
     center: [-87.61694, 41.86625],
     zoom: 15.99,
     pitch: 40,
-    bearing: 20
+    bearing: 20,
+    antialias: true
 });
 
 map.on('load', function() {
diff --git a/docs/pages/example/add-3d-model.html b/docs/pages/example/add-3d-model.html
index 9508fc35c51..24ec49b537a 100644
--- a/docs/pages/example/add-3d-model.html
+++ b/docs/pages/example/add-3d-model.html
@@ -1,5 +1,5 @@
-<script src='https://unpkg.com/three@0.102.0/build/three.min.js'></script>
-<script src="https://unpkg.com/three@0.102.0/examples/js/loaders/GLTFLoader.js"></script>
+<script src='https://unpkg.com/three@0.106.2/build/three.min.js'></script>
+<script src="https://unpkg.com/three@0.106.2/examples/js/loaders/GLTFLoader.js"></script>
 <div id='map'></div>
 <script>
 var map = window.map = new mapboxgl.Map({
@@ -7,7 +7,8 @@
     style: 'mapbox://styles/mapbox/light-v10',
     zoom: 17.5,
     center: [148.9819, -35.3981],
-    pitch: 60
+    pitch: 60,
+    antialias: true // create the gl context with MSAA antialiasing, so custom layers are antialiased
 });
 
 // parameters to ensure the model is georeferenced correctly on the map
@@ -57,7 +58,8 @@
         // use the Mapbox GL JS map canvas for three.js
         this.renderer = new THREE.WebGLRenderer({
             canvas: map.getCanvas(),
-            context: gl
+            context: gl,
+            antialias: true
         });
 
         this.renderer.autoClear = false;
diff --git a/docs/pages/example/custom-style-layer.html b/docs/pages/example/custom-style-layer.html
index a21844ee9b5..81b4a8f4318 100644
--- a/docs/pages/example/custom-style-layer.html
+++ b/docs/pages/example/custom-style-layer.html
@@ -4,7 +4,8 @@
     container: 'map',
     zoom: 3,
     center: [7.5, 58],
-    style: 'mapbox://styles/mapbox/light-v10'
+    style: 'mapbox://styles/mapbox/light-v10',
+    antialias: true // create the gl context with MSAA antialiasing, so custom layers are antialiased
 });
 
 
diff --git a/docs/pages/example/dancing-buildings.html b/docs/pages/example/dancing-buildings.html
index 8fff0425d35..c2e119ee559 100644
--- a/docs/pages/example/dancing-buildings.html
+++ b/docs/pages/example/dancing-buildings.html
@@ -12,7 +12,8 @@
     },
     zoom: 15,
     pitch: 55,
-    container: 'map'
+    container: 'map',
+    antialias: true
 });
 
 map.addControl(new mapboxgl.FullscreenControl());