SPFx Bing Maps Callback Issue
Hi everyone, I've created a custom SPFx webpart with React which allows me to display multiple locations using Bing Maps (the out-of-the-box Bing Maps webpart only accepts a single location). I'm using the Bing Maps V8 web control where you specify a callback function as part of the URL to the script, which gets called when the Bing resources have finished loading. This then allows you to construct the map and render it on the page. Show in the Microsoft docs here… https://docs.microsoft.com/en-us/bingmaps/v8-web-control/creating-and-hosting-map-controls/setting-map-control-parameters It's working almost perfectly but I've come up against an issue when my custom webpart is placed on the same page as Microsoft's Bing Maps webpart. The Microsoft webpart appears to be overriding my callback, meaning it never gets called and doesn't load. See below the CallbackOnLoad property of Window.Microsoft.Maps. For some context here is my function which adds the Bing maps script. I have a couple of global variables which help me ensure it's only loaded once even if there's multiple custom webparts on the page. The callback iterates through each instance of my custom webpart, updating its state and causing it to re-render. private loadBingMaps(): void { webpartsWaitingForBingMapsToLoad.push(this); if (!bingMapsIsLoading) { bingMapsIsLoading = true; this.loadScript(scriptUrl); let browserWindow = window as any; browserWindow.customMapBingMapsCallback = (() => { MicrosoftBingMapsWebControl = browserWindow.Microsoft; webpartsWaitingForBingMapsToLoad.forEach((webpart: React.Component<ICustomMapProps, ICustomMapState>) => { webpart.setState({ bingScriptLoaded: true }); }); bingMapsIsLoading = false; }); } } private loadScript(url: string): void { const script = document.createElement("script"); script.type = "text/javascript"; script.async = true; script.defer = true; script.src=url; document.getElementsByTagName("head")[0].appendChild(script); } Can anyone think of a solution to this? I don't really want to tell my users they can't use the two webparts together 🙂 Thank you, Adam.
Sharepoint and Bing Maps
Hi, I'm having some issues with Bing Maps and Sharepoint. I'm trying to create an interactive map that plots locations and details a how much it would cost to transport a vehicle to that location. I need this to be edited by certain members of my team, and I'd like them to be able to pick a point on the map and it adds that to the Sharepoint list database. Currently i'm having issues with map views as it won't display as a map view unless i create a Web Part Page. But also to get this working I have to manually add the Geo Locations Long and Lat tags for every location which isn't very user friendly. Is there anyway to do this or am I am going about it the wrong way ?
Bing Map connected to a list with Starting and Ending Lat/Long
I have a requirement for showing some information on a map. The information is stored in a SPO list with Starting Lat, Starting Long, Ending Lat, Ending Long. Is there a way to do this with what is available in SPO or does this require a custom webpart? Any direction is very helpful. Thank you!
