Insert scripted third party web content

1. Overview

This article shows how to insert custom web content onto a single dashboard and pass it data, when you don't want to add a new type of control to the toolbar. For reusable controls that users can find in the toolbar, see the article: Create a custom control.

The example shown here adds a Bing map onto a dashboard using the Bing Maps API, a metric set, and an HTML label control. The metric set will hold the latitude and longitude values we wish to display on a map. The HTML label control will be used to define a div element that can be used with most third party content tools, including the Bing maps shown here.

Note

The Map visualization in Dundas BI supports Bing as one of its street-level map providers, as well as several others. If your goal is mainly to display Bing map layers, the built-in maps are strongly recommended.

You will need to set up an account with Bing Maps and create a key. As part of the key setup you must associate each key with an application. More information on creating a key can be found at https://www.bingmapsportal.com/.

Once your design is complete, view and refresh the dashboard. Your placeholder div on the dashboard should now display the custom content.

4. Troubleshooting

Mixed Content Errors - The Dundas BI web application and Bing Map JavaScript file (http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=8.0') need to use the same protocol (e.g., HTTP or HTTPS). When using HTTPS, you also need to append s=1 to the query string (e.g., https://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=8.0&s=1).