web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Load Bing Map in PCF c...
Power Apps
Unanswered

Load Bing Map in PCF control

(0) ShareShare
ReportReport
Posted on by Microsoft Employee

I am working on PCF control where we have added a Bing Map control in which we are using Bing Maps library. Currently, we are copying the code from Bing Maps library link: https://www.bing.com/api/maps/mapcontrol into our PCF.Bingmaps.js file and then we are importing it in our typescript code using import statement, but we are having an issue doing it this way. Is there any other way of using the Bing library tag like we normally do in HTML file.

I have the same question (0)
  • Diana Birkelbach Profile Picture
    3,072 Most Valuable Professional on at

    I don't know what kind of problem you have using the library.

    Maybe there is possible to use an npm Package for the bing maps?

    In case that doesn't work for you and you have to import an old school js library,  you could try using

    import "./pathToMapControl/mapControl.js";

    after you downloaded the library in your project.

    There is a similar issue, in case it helps: https://powerusers.microsoft.com/t5/PowerApps-component-framework/Issue-Using-external-javascript-files/m-p/316483#M555

    Best regards,

    Diana

  • Community Power Platform Member Profile Picture
    Microsoft Employee on at

    We tried with import './path/file.js' but the control is not working in internet explorer as import of js is not supported in Intenet explorer and for bing map, there is only declaration file available.

    In other browser we are only facing issue in bingmap js it is loading completely while other js are working properly

  • Diana Birkelbach Profile Picture
    3,072 Most Valuable Professional on at

    As far as I could evaluate, the typescript files are transpiled to JavaScript ES5 . So the issue is not that the IE doesn't know "import", because actually the the file you are importing is packed inside your "bundle.js" located in your "out" folder.

    But, it seems to me that the files imported like import "yourfile" are not transpiled

    import {getProposals} from "./data/Requests"; //this will be transpiled
    import "./Core/Dummy.js"; //this is not transpiled

    So in case Bing Maps doesn't have an npm package, maybe you can transpile the file yourself to ES5 before including it in the project, in order to have it working in IE. 

     

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 545 Most Valuable Professional

#2
Haque Profile Picture

Haque 314

#3
Kalathiya Profile Picture

Kalathiya 234 Super User 2026 Season 1

Last 30 days Overall leaderboard