Closed faridulhassan closed 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.
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
.
Thanks I see what you are talking about. Popup dynamically keeps itself inside the map no matter where the origin icon is: versus:
@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.
@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
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/
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.
@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.
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.
@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.
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.