Stylize polygon stroke and fill differently?

Question

Stylize polygon stroke and fill differently is not working from example I found like so:

   // Add a layer for rendering polygons.
    polygonLayer = new atlas.layer.PolygonLayer(dataSource, null, {
            filter: ['any', ['==', ['geometry-type'], 'Polygon'], ['==', ['geometry-type'], 'MultiPolygon']], // Only render Point or MultiPoint in this layer.
            minZoom: 18,
            strokeColor: 'navy',
            strokeWidth: 2,
            fillColor: 'light blue',
            fillOpacity: 0.3
        });

The polygon is getting the fill color and opacity applied but no stroke color is being applied correctly? So what has changed or more importantly how can I do this?

Answer 1

The polygon layer only renders the fill area. To draw an outline of a polygon, use a line layer connected to the same data source. See the second example in the documentation:https://docs.microsoft.com/en-us/azure/azure-maps/map-add-shape