Search results

Configuring and Formatting Bing Maps

Bing Maps allows you to visualize the markers based on the latitude and longitude data.

Figure: Default Bing maps visualization showing markers based on the configured latitude and longitude information

Default Bing Maps

How to get Bing Maps keys

You need to follow these steps to get keys,

  1. Go to the Bing Maps Dev Center at https://www.bingmapsportal.com/.

  2. Register or sign in using your Microsoft account.

  3. Select My keys under My Account.

Bing Maps My Keys

  1. Select the option to create a new key.

  2. Provide the required details in the following form,

Bing Maps Key Form

  1. Click the Create button. The created new key will be displayed in the following list. Use this key to authenticate your Bing Maps.

Bing Maps Keys List

How to enable Bing Maps by configuring the web config file in Enterprise

To enable the bing maps in your enterprise build, you need to follow these steps.

  1. Open the below mentioned file in your enterprise build location, [Installed_Directory\ Bold BI\Dashboard Designer\Web.config] web.config file in build

  2. Set widget:bing_map:enable key value as true. Enable Key

  3. Provide your bing maps key here. Set Key

Then launch your build and you find the bing maps in design panel.

How to configure the data table to Bing Maps widget

NOTE: Before adding the Bing maps widget to the design layout, make sure to create the data source. You can refer to this section to learn how to create a new data source.

IMPORTANT: To showcase a Bing maps, a minimum requirement of one latitude and one longitude fields are needed.

The following steps explains about data configuration of the Bing maps.

Step 1: Add a bing maps widget to the design canvas

  1. Drag and drop the Bing maps control icon from the tool box into design panel. You can find control in tool box by search. Adding Bing Maps

  2. Resize the widget as required. Resizing Bing Maps

Step 2: Configuring data into the widget

  1. Click the Properties icon in the configuration panel. Properties click

  2. The properties panel of the widget will be displayed as shown in the following screenshot. Now, switch to the ASSIGN DATA tab. Properties panel

  3. The data tab will be opened with available columns from the connected data source. Available fields list

Location Value

An element can be dragged from measure or dimension section.

Bind columns for LocationValue

Location Name

Drag the elements from the Dimension to Location Name section.

Add location name field

Bing map will render as follows.

Bing map - Choropleth map demo

You can add more than one value to the Location Name section. The alert message will be shown to enable the drill-down option.

Drill confirmation alert

Click Yes to enable the option.

NOTE: If you click No, a single value will be added to the Location Name field(i.e. newly dropped column replace the existing one).

Figure: Bing-map with drilled view of the selected area.

Drilled view

Latitude Section

Bind column by dragging and dropping the element from sections to Latitude.

Latitude fields

NOTE:

  • The field added in this section will act as a latitude value.

Longitude Section

Drag and drop the elements from sections to Longitude section.

Longitude fields

NOTE:

  • The field added in this section will act as a longitude value.

Image: Bing maps widget after configuring the mandatory fields.

Configured Bing maps

Address

Drag and drop the elements from sections to Address section. The field added here, will act as a address value.

Address fields

Bing maps widget, after configuring the Address fields.

Configured Bing maps

Postal Code

Drag and drop the elements from other sections to Postal Code section. The field added here, will act as a postal code.

Postal Code fields

Image: Bing maps widget after configuring the Postal Code fields.

Configured Bing maps

Marker Tooltip section

Drag and drop the elements from sections to Marker Tooltip section. It will define the marker tooltip value in the bing maps. Also, it is an optional section.

Marker Tooltip fields

Image: Bing maps widget after configuring the market tooltip field

Marker tooltip customized Bing maps

Marker Image section

Drag and drop the elements from sections to Marker Image section. It will define the marker in the bing maps. Also, it is an optional section.

Marker Image fields

Image: Bing maps widget after configuring the marker Image field

Marker Image customized Bing maps

Step 3(Optional): Settings menu options

You can filter and sort the data displayed in the widget from the settings menu options. To open the settings menu, click the settings icon.

Filtering data

You can use Filters to change the values by selecting the Filter option. For more details, refer to Measure filter and dimension filter.

Settings Menu

How to format Bing maps widget

You can format the Bing maps for better illustration of the view that you require using the settings available in the Properties tab.

General settings

General settings

Name

This allows you to set title for this Bing maps widget.

Subtitle

This allows you to set subtitle for this Bing maps widget. It is optional.

Description

This allows you to set brief explanation about this Bing maps widget. It is optional.

Basic Settings

Basic Settings

Map theme

This allows you to toggle the theme of the bing maps.

  1. Road Type Road Theme

  2. Aerial Aerial Theme

  3. Canvas Dark Canvas Dark Theme

  4. Canvas Light Canvas Light Theme

  5. Gray Scale Gray Scale Theme

Show Zoom Icon

This allow to show the zooming Icons in bing maps.

Zooming Icons

If you perform zoom in or zoom out using icons or mouse in design mode, then the same zoom level will be maintained in the view mode.

Zoom state in design mode.

Zooming Design

Zoom state in view mode.

Zooming View

Marker Settings

Marker Settings

Marker Shape

This allow to change the marker shapes of the bing maps.

  1. Circle Circle shape

  2. Diamond Diamond shape

  3. Star Star shape

  4. Triangle Triangle shape

  5. Image Image settings Image source This allow to upload the various type of Images.

Image: Bing maps widget after applying the marker Image settings

Image customized bing maps

Color

This allows to change the marker color of the bing maps. Shape Color

Size

This allows to change the marker size of the bing maps. Shape Size

Advanced Settings

Markers can be customized based on the conditions and the fields by enabling the advance settings check box.

  1. Based on measure field Marker Customization Based on measure field

  2. Based on dimension field Marker Customization Based on dimension field

To Configure Bing maps with address information

You can render the bing maps markers based only on the address information. For that, there are two sections Address and Postal Code added in the field containers section as shown in the following image,

Bing maps address sectons

Drag and drop the required fields to the respective field containers to render the bing maps markers. You can drag and drop either the Address field or Postal Code field, or both the fields.

Bing maps address configuration

After that configurations

Bing maps with address information

Container appearance

This section contains the property for bing maps container’s layout.

Container appearance properties

This allows you to customize the widget container appearance, widget title’s properties and provides options to enable/ disable widget exporting options. For more detailed information, refer to container appearance properties.