Bing map plotting issue

Question

Bing map plotting issue

Balasaheb Molawade 136

Hi,

We have developed an application for plotting records on Bing Maps. The application functions correctly when run locally; however, when uploaded to the Canvas app, the pushpin does not appear on the map. Changing the map view results in the pushpin briefly appearing and then immediately disappearing.

Is there any obstruction preventing the plotting of the pushpin on the map within the Canvas app?

Thanks!

LeelaRajeshSayana-MSFT 17,331 Reputation points

2024-01-22T20:56:52.62+00:00

Hi @Balasaheb Molawade Greetings! I am following up to see if you have any additional questions or need further assistance.

If the response helped, please do click Accept Answer and Yes for the answer provided. Doing so would help other community members with similar issue identify the solution. I highly appreciate your contribution to the community.
LeelaRajeshSayana-MSFT 17,331 Reputation points

2024-01-29T18:28:30.1433333+00:00

Hi @Balasaheb Molawade We still have not heard back from you. Just wanted to check if the answer provided below was helpful? If it answers your query, please do click Accept Answer and Yes for the answer, as it might be beneficial to other community members reading this thread. And, if you have any further query do let us know. Thank you

1 answer

Your answer

LeelaRajeshSayana-MSFT 17,331 Reputation points

2024-01-22T20:56:52.62+00:00

Hi @Balasaheb Molawade Greetings! I am following up to see if you have any additional questions or need further assistance.

If the response helped, please do click Accept Answer and Yes for the answer provided. Doing so would help other community members with similar issue identify the solution. I highly appreciate your contribution to the community.
LeelaRajeshSayana-MSFT 17,331 Reputation points

2024-01-29T18:28:30.1433333+00:00

Hi @Balasaheb Molawade We still have not heard back from you. Just wanted to check if the answer provided below was helpful? If it answers your query, please do click Accept Answer and Yes for the answer, as it might be beneficial to other community members reading this thread. And, if you have any further query do let us know. Thank you

Answer 1

rbrundritt 19,846 Microsoft Employee

Just to verify, you created a custom component that uses Bing Maps Web SDK directly and it loads initially, then somehow is being cleared.

Is the map still visible and just the pins missing, or is the map not displayed either?
If the map is not displayed, inspect the DOM elements to see if it is still loaded and have width/height. It's possible the map was resized to a zero width/height for some reason.

If you are just adding pins to a map, have you considered using the built in map component for Power Apps: https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/geospatial-component-map

Balasaheb Molawade 136 Reputation points

2024-01-12T12:48:32.86+00:00

Hi Ricky, Thanks for your response. Yes, we have developed the code components. The map loads properly when we search records and attempt to plot them on the map, but the pushpin is not displayed. We noticed that when we create the pushpin object, it goes to the Bing map library, throws an error, and returns null. We can display a polygon on the map, but the pushpin is not being plotted. Thanks!
rbrundritt 19,846 Reputation points Microsoft Employee

2024-01-12T19:32:06.54+00:00

Can you provide some code on how you are trying to add a pushpin. Millions, if not billions of people are using the Bing Maps Web SDK every month with pushpins, so if this was a widespread issue, it would have been noticed, so likely related to the implementation.
Balasaheb Molawade 136 Reputation points

2024-01-17T12:40:18.0366667+00:00

Hi Ricky, Thanks for your response. We have been using Bing Maps for the past 10 years, and it has been functioning well for us. We have not encountered any issues with the plotting of pushpins on the map. Many of our customers use applications developed using the Bing Maps API without experiencing such problems. We received a new requirement, and as a result, we developed a PCF control and Canvas app to fulfill that requirement. When we run the PCF control locally, it works fine, successfully plotting the pushpin on the map. However, when we deploy the control in the canvas app, it fails to plot the pushpin on the map. Upon debugging the code, we identified an error in the mapcontrol library, leading to the issue.

Our assumption is that there is something blocking while creating the pushpin object. The plotting of the polygon works fine, but only the pushpin is not being plotted. Hope you understand what we were trying to explain. If you need any more information, please let me know. Awaiting your response. Thanks!
rbrundritt 19,846 Reputation points Microsoft Employee

2024-01-17T15:26:24.6733333+00:00

I should look at usernames before responding. We have interacted many times before and I know you use Bing Maps, so I should have caught that.

In any case, judging by the error I suspect the following is happening:

Code is being executed before all the Bing Maps dependency libraries are loaded. The callback function on the ap script URL should be handling this though. However, I'm wondering if security in the production environment is blocking certain URL domains and preventing some of the dependencies from being loaded. Take a look at the network tab when debugging to see if any requests are failing. I suspect a "Content Security Policy" (CSP) might need to be edited to allow one of the domains used by Bing Maps. https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

Now I'm not sure if you will be able to edit the CSP or not, it's possible that the production environment locks this down, I know Power BI does and I have seen similar issues with custom Power BI visuals that try and pull in external resources that are on other domains. If this is the case, the power platform team would need to add the domain in question to their security policy which may not happen. For their built in map component, they may have made an exception in their security policy to get around this. In Power BI custom visuals were loaded inside of iframes to contain code execution and prevent XSS. Their security policy for iframes were different from that used by their built in visuals. So, maybe inspect the DOM and see if your map is being loaded inside an iframe, and if so, what options are enabled/disabled on that tag.
Balasaheb Molawade 136 Reputation points

2024-01-18T08:41:09.0133333+00:00

Hi Ricky, Thank you for your response. We will review the provided information. Thanks!

Share via

Bing map plotting issue

1 answer

Your answer