Unanswered

Load Bing Map in PCF control

(0) Share

Report

Posted on by Community Power Pla... 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.

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (0)

Diana Birkelbach 3,072 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
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

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Diana Birkelbach 3,072 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
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.

Was this reply helpful? Yes No