Skip to main content

Notifications

Customer experience | Sales, Customer Insights,...
Answered

Bing maps event location building

(0) ShareShare
ReportReport
Posted on by 532

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?

 

  • Suggested answer
    AppJetty Profile Picture
    AppJetty 1,013 on at
    RE: Bing maps event location building

    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

  • Jetj25 Profile Picture
    Jetj25 532 on at
    RE: Bing maps event location building

    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

  • Verified answer
    cloflyMao Profile Picture
    cloflyMao 25,202 on at
    RE: Bing maps event location building

    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:

    1641.x1.JPG

    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

    pastedimage1609223367459v1.png

    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.

    pastedimage1609226442877v5.png

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

    pastedimage1609225842297v3.png

    3. Insert following code to getEventAndSessionData function:

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

    pastedimage1609225918554v4.png

    Result

    pastedimage1609226495245v6.png

    Regards,

    Clofly

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Vahid Ghafarpour – Community Spotlight

We are excited to recognize Vahid Ghafarpour as our February 2025 Community…

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,971 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 230,846 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans