New to Kendo UI for jQuery? Start a free 30-day trial

LayerDefaults.bing

configuration

The default configuration for Bing (tm) tile layers.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            bing: {
                opacity: 0.8
            }
        },
        layers: [{
            type: "bing",
            key: "YOUR API KEY"
        }]
    });
</script>

The attribution of all Bing (tm) layers.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            bing: {
                attribution: "&copy; Microsoft"
            }
        },
        layers: [{
            type: "bing",
            key: "YOUR API KEY"
        }]
    });
</script>

The culture to be used for the bing map tiles.

Default: "en-US"

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            bing: {
                culture: "de-DE"
            }
        },
        layers: [{
            type: "bing",
            key: "YOUR API KEY"
        }]
    });
</script>

The bing map tile types. Possible options:

js
* aerial - Aerial imagery.
* aerialWithLabels - Aerial imagery with a road overlay.
* road - Roads without additional imagery. (default)

Default: "road"

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            bing: {
                imagerySet: "aerialWithLabels"
            }
        },
        layers: [{
            type: "bing",
            key: "YOUR API KEY"
        }]
    });
</script>

The key of all Bing (tm) tile layers.

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            bing: {
                key: "YOUR API KEY"
            }
        },
        layers: [{
            type: "bing"
        }]
    });
</script>

The opacity of all Bing (tm) tile layers.

Default: 1

<div id="map"></div>
<script>
    $("#map").kendoMap({
        layerDefaults: {
            bing: {
                opacity: 0.5
            }
        },
        layers: [{
            type: "bing",
            key: "YOUR API KEY"
        }]
    });
</script>