make colors work for scattermap icons, and fetch maki icons from jsdelivr instead of unpkg so we can use maki 8

Author: emilykl

src/plots/map/map.js

@@ -111,10 +111,10 @@ proto.createMap = function(calcData, fullLayout, resolve, reject) {
             requestedIcons[id] = true;
             var img = new Image(15, 15);
             img.onload = function() {
-                map.addImage(id, img);
+                map.addImage(id, img, {sdf: true});
             };
             img.crossOrigin = 'Anonymous';
-            img.src = 'https://unpkg.com/maki@2.1.0/icons/' + id + '.svg';
+            img.src = "https://cdn.jsdelivr.net/npm/@mapbox/maki@8.2.0/icons/" + id.slice(0, -3) + '.svg';
         }
     });
 

src/traces/scattermap/convert.js

@@ -141,9 +141,11 @@ module.exports = function convert(gd, calcTrace) {
 
             Lib.extendFlat(symbol.paint, {
                 'icon-opacity': trace.opacity * trace.marker.opacity,
-
-                // TODO does not work ??
-                'icon-color': trace.marker.color
+                'icon-color': trace.marker.color,
+                // Set a tiny blur to make the edges look nicer
+                'icon-halo-color': trace.marker.color,
+                'icon-halo-width': 2,
+                'icon-halo-blur': 1.5,
             });
         }