set antialias to true for custom layers and extrusion examples (#8474)

mapbox · Jul 16, 2019 · dc916cb · dc916cb
1 parent e71afb6
commit dc916cb
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git 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
@@ -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
@@ -1,13 +1,14 @@
-<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({
     container: 'map',
     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
@@ -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
@@ -12,7 +12,8 @@
     },
     zoom: 15,
     pitch: 55,
-    container: 'map'
+    container: 'map',
+    antialias: true
 });
 
 map.addControl(new mapboxgl.FullscreenControl());