How to change the fill color and border color of the bubble in Bing Map control
Bing Maps is a web mapping service that allows you to visualize markers based on latitude and longitude information. BoldBI provides documentation to learn more about different marker shape. Also, provides support to upload custom images for all markers or upload different custom images based on conditional formatting.
- First, you need to create a SVG that you want to customize the marker color, transparency, and border color. For example, we have created a SVG as below
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
<circle cx="25" cy="25" r="20" stroke="blue" stroke-width="4" fill-opacity="0.3" fill="blue" />
</svg>
- you can be customized the marker that you want such as marker color, transparency and border color using the properties fill, fill-opacity and stroke, respectively.
- Then, convert the SVG to image using anyone online tool.
- Download the image after conversion completed.
It allows you to upload a different custom marker image based on your conditions.
Enable the "Advanced Settings" option in the Bing map properties under the Marker Settings category
A conditional formatting dialog will open, and add the condition based on your requirement.
Click on the "Marker Shape" option and a default shape will pop up.
- Click on the "Custom" option at the footer of the popup.
- Upload the created custom image and click "Add".
- Save the conditional formatting. Now, Bing map will be rendered with custom images and customized styles.
Using image type in the Marker shape
It allows you to upload a custom image for markers, but this way uploaded image will be reflected for all markers because it is not condition based.
Open the marker shape dropdown list under the marker settings category,
Select the image option in the dropdown popup,
Then upload the custom image that you want to visualize. Bing maps will be rendered as below.
