Bing maps event location building

(1) Share

Report

Posted on by Jetj25

534

How do I add a Bing maps at the event portal to show the event geolocation?

I have read several documentation but could not find a step by step guide

Do I have to create a webpage with map in the portal or a canvas app in D365 event within the building entity?

I am not familiar yet with creating a power apps custom app

https://powerapps.microsoft.com/en-us/blog/image-control-static-maps-api/

Section: For rendering the Map, use the following formula in the Image property of the imgMapControl :

I cannot find where to put the bing credentials URL in the image property.

Can someone direct me with the right steps?

I have the same question (0)

All responses (4)

Answers (1)

Verified answer

cloflyMao 25,210 on at

Like (0)

Report
Hi Mariette,

You need to register for Bing Map Key to use the URL:

https://docs.microsoft.com/en-us/bingmaps/getting-started/bing-maps-dev-center-help/getting-a-bing-maps-key

Our keys are saved in Bing Maps center:

Then set the image property to following formula:

"https://dev.virtualearth.net/REST/V1/Imagery/Map/Road/" & EncodeUrl(txtLocation.Text) & "?mapSize=" & txtImageWidth & "," & txtImageHeight & "&key="&txtBingMapsKey.Text

As the tutorial said, the key is saved in one of text input of ConfigurationScreen.

To add Bing map to the event portal, we don't need to add canvas app to the Building entity. Instead, currently customization on Angular event website is still the only option.

But it is easy to achieve, you can refer to my sample:

1. Open event.component.html, insert following HTML code before end tag of ng-container element.

2. Create a private variable called location to corresponding event.component.ts file.

3. Insert following code to getEventAndSessionData function:

if (this.event.building) { this.location = encodeURI(this.event.building.addressLine1 ", " this.event.building.city); }

Result

Regards,

Clofly

Was this reply helpful? Yes No
Jetj25 534 on at

Like (0)

Report

Thx clofly,

You are very helpful, I only was missing out the step where i had to put the bing key in the image.

Thank you for your complete steps and explaination

Was this reply helpful? Yes No
Suggested answer

AppJetty 1,019 on at

Like (0)

Report

Hello, Mariette

I have some reference for bing map api. i hope that you will help.

https://www.microsoft.com/en-us/maps/choose-your-bing-maps-api

dynamics map integration

Was this reply helpful? Yes No
Inogic 682 on at

Like (0)

Report

Hey,

I hope you have your answer.

If you are still struggling with the Bing Maps API or Key, try switching to a certified geo-mapping solution on AppSource that comes with a Bing Maps key and integrates seamlessly within Dynamics 365, Power Apps, and Dataverse. It can be added to Canvas Apps as well and also comes with an option of Azure Maps integration.

Thanks,

Sam

Was this reply helpful? Yes No