Bing Maps tiles can be viewed using the official Bing Maps API, but they can also be used through an API that gives direct access to their tiles. This is what we will see now:
Go to the Microsoft Mapping API register website at http://www.bingmapsportal.com to get an official key.
Let's set up the source object now. We need to not only specify the
style
property but also thekey
.var sourceBingMaps = new ol.source.BingMaps({ key: 'AibU6zHqoTPYDuNRtHPMJq557poKb9AVTIJ0NWWnNZf8LfoRRwoigHTQ0Frrsr5m', imagerySet: 'Road', });
Now, create the first
ol.layer.Tile
layer:var bingMapsRoad = new ol.layer.Tile({ source: sourceBingMaps });
Now, add another layer using the other type of image 'Aerial':
var bingMapsAerial = new ol.layer.Tile({ source: new ol.source.BingMaps({ key: 'AibU6zHqoTPYDuNRtHPMJq557poKb9AVTIJ0NWWnNZf8LfoRRwoigHTQ0Frrsr5m...