outlineWidth on polygon doesn't have any effect?

CesiumJS
1

If I set outlineWidth on a polygon I am not seeing the width change. Am I doing something wrong?

http://localhost/Cesium1.50/Apps/Sandcastle/index.html#c=tZNRb5swEMe/isVLiJQasihSldKoUVptD9NStdP2MPbg4itYNTY6GzJa9bvXYLqy5G1qzxLCd/f/nfEdDUPSCNgDknOiYE+2YERd0h+9L5xk/XarlWVCAU6mZ6nqVuN0GpnK4VrLNtfKyT2HgrLCCjCUcR4+pYo4U6wEsiKTXS8h1aDZC1uQCvCk0sZpnKcAkRfWEKY40bWVruhk5hmvohUZoJ0VApBhVrTOPRx9y9C6N6YW9B51eQk5ApgNImu/eHr462Qen9J4Rj4tu+c87mz2Rv1Pc9T446iL+J2pp2/URU/9PR1x4Y/FmgP3d7Yi45quZddDx3zY3b7LhlFKySygYHLUFy010t3N5tvnK9p1fiOrgoUxXY7LDk0/Bg6Bn4LbYkWWx5Gef1ju5urSJz6n6vnv8PpBfdS6/K7Dg7GdngWzIDG2lbD20gtRVhotqVGGlEYWykq6rzPRXZ09gKWZMR05iV5FCRcNEfw8DQ5+nzQgmWTGuMh9LeWteIQ0WCeRy/9HJjXjQuW7BlCytksp5uuv3kkpTSK3PVZZreUdwxHxBQ

var orangePolygon = viewer.entities.add({
    name : 'Orange polygon with per-position heights and outline',
    polygon : {
        hierarchy : Cesium.Cartesian3.fromDegreesArrayHeights([-108.0, 25.0, 100000,
                                                               -100.0, 25.0, 100000,
                                                               -100.0, 30.0, 100000,
                                                               -108.0, 30.0, 300000]),
        extrudedHeight: 0,
        perPositionHeight : true,
        material : Cesium.Color.ORANGE.withAlpha(0.5),
        outline : true,
        outlineWidth: 5,
        outlineColor : Cesium.Color.RED
    }
});

2

Sorry for the localhost link. Here is a real one:

3

Oops. I will answer my own question. I saw this in the Visualizing Spatial Data article

Outlines
Unlike the fill property, outline does not have a corresponding material and instead relies on two separate outlineColor and outlineWidth properties. outlineWidth only works on non-Windows systems, such as Android, iOS, Linux, and OS X. On Windows systems, outlines will always have a width of 1. This is due to a limitation of how WebGL is implemented in all three major browser engines on Windows.

4

Thanks for posting your solution Ashley!

You’re right, line widths generally aren’t supported by WebGL on Windows. I think the workaround is to use polylines, which are essentially polygons so they can be as thick as needed. There’s some progress on that but there’s still some issues to be worked out, you can check that out here: