search

MicrosoftDocs / azure-docs

Open source documentation of Microsoft Azure
https://docs.microsoft.com/azure
Creative Commons Attribution 4.0 International
10.26k stars 21.43k forks source link

Popup auto pan/move #37927

Closed faridulhassan closed 5 years ago

faridulhassan commented 5 years ago

Hi, I am struggling to add auto pan/move the popup when click on a marker if the marker is near the edge of the map area. Say a marker is very near to the edge of the map area. Then when someone click on the marker, some or most of the popup area is hidden. I have seen that you are using mapbox-gl-js under-the-hood. Google Map, Mapbox-gl-js, Leaflet js etc. have this feature. But I can't find any option in azure map. I have searched on your docs and also on google. But failed.

So, how can we enable this feature in azure map?

Thanks.

Document Details

⚠ Do not edit this section. It is required for docs.microsoft.com ➟ GitHub issue linking.

Alberto-Vega commented 5 years ago

Hi @faridulhassan Thanks for reaching out! I have seen that you are using mapbox-gl-js under-the-hood. Google Map, Mapbox-gl-js, Leaflet js etc. have this feature. would you please share a link to a doc that illustrates this functionality you are talking about for any of those libraries. Just trying to understand better your ask.

faridulhassan commented 5 years ago

https://docs.mapbox.com/mapbox-gl-js/example/popup-on-click/ click some of the clickable icons (image, music, glass, mask etc) on the map and see how all the times the popup set its position in the view area. Even if the markers are very near at the edge of the map area like the marker is very close to top or bottom or left or right. and then click on that marker. Just see how the popup opens in these scenarios

.

Alberto-Vega commented 5 years ago

Thanks I see what you are talking about. Popup dynamically keeps itself inside the map no matter where the origin icon is: image versus: image

Alberto-Vega commented 5 years ago

@faridulhassan Thanks again for the feedback! I have assigned the issue to the content author to help answer and evaluate and update the docs as appropriate.

faridulhassan commented 5 years ago

@Alberto-Vega-MSFT , Thank you very much. I am exactly looking for this. And I am waiting for this feature.

If you don't mind, may you provide some real customers site/application where Azure Map is used. I want something like Azure Map showcase gallery but not Azure Map sample example. For example: Angular Showcase https://www.madewithangular.com

Alberto-Vega commented 5 years ago

Hi you can see this here on Microsoft case studies site: https://sway.office.com/FeHDkEMnvtM24rFg?ref=Link and on the blog https://azure.microsoft.com/en-us/blog/topics/azure-maps/

Azure Maps can be used in just about any application requiring spatial functionality. From simple scenarios such as store locators to more complex scenarios such as fleet management and optimization of drones or other vehicles.

That said, here are a couple of cool customer scenarios that are using Azure Maps today:

BECA using it as part of their earthquake response platform: https://news.microsoft.com/en-nz/2019/06/28/a-beacon-of-change-with-seismic-smart-software/?_lrsc=cbf3547a-1efe-470e-aaae-3ceb3884146b

PCL using it as part of their construction insights platform: https://customers.microsoft.com/en-us/story/pcl-construction-professional-services-azure

Dynamic mission planning of drones: https://azure.microsoft.com/en-us/blog/dynamic-mission-planning-for-drones-with-azure-maps/

Smart cities: https://azure.microsoft.com/en-us/blog/iot-for-smart-cities-new-partnerships-for-azure-maps-and-azure-digital-twins/

AshokPeddakotla-MSFT commented 5 years ago

Since we have not heard back from you we will now proceed to close this thread. If there are further questions regarding this matter, please tag me in your reply. We will gladly reopen the issue and continue the discussion.

Alberto-Vega commented 5 years ago

@faridulhassan

I reached out to the PG team and this is something that they are tracking as a future feature. An alternative solution for now would be to implemented this way:

When pin is clicked, center the map over the pin, then open the popup (or open popup right away, doesn’t matter, the key is centering the map over it). This is the most common solution used by customers, as most of the time they want to focus on that pin.

faridulhassan commented 5 years ago

Thank you for your valuable response. I have already managed the popup in this way. But I think enabling this feature will help the developers like me.

Thank you very much.

captured (3)

Alberto-Vega commented 5 years ago

@faridulhassan Thanks for sharing. Also you could create an entry at the Azure Maps User Voice this way other users can upvote your request and help the team measure the impact and prioritize.