【问题标题】:How to reset the mapView if there is a dynamic content to be showed in the snazzy window popup?如果在时髦的窗口弹出窗口中显示动态内容,如何重置 mapView?
【发布时间】:2019-12-10 17:45:57
【问题描述】:

如果在时髦的弹出窗口中显示动态内容,如何重置mapView?

当我们在单击标记时打开 snazzywindow 模态时,它会填充详细信息,第一次地图视图没有正确设置为模态的完整视图,但是当我们第二次打开时,地图视图会调整到弹出窗口的完整视图

问题的stackblitz URL:https://angular-tst926.stackblitz.io/

stackblitz 代码:https://stackblitz.com/edit/angular-tst926

在启动 stackblitz url 时,单击靠近浏览器顶部的标记之一,初始弹出窗口将没有内容,但在第二次基于模拟响应之后,Modal 填充了正确的内容,但模态的完整视图被阻止,但是当再次单击标记打开窗口时,它会重新调整为完整视图

根据 API 的响应,计算的内容将被粘贴到模态弹出窗口,随后地图视图应重新调整以在第一次显示完整的模态内容,而不是再次单击标记

**参考 stackblitz:https://stackblitz.com/edit/angular-tst926 角度版本和依赖版本**

【问题讨论】:

    标签: angular google-maps angular7 angular-google-maps agm-map


    【解决方案1】:

    这里是工作堆栈闪电战:https://stackblitz.com/edit/angular-grmaew

    需要的是以下内容:

    1. 您需要将 panOnOpen 用于 agm-snazzy-info-window
    2. usePanning 在 agm-map 上
    3. 更新地图上的经纬度后致电triggerResize(true)

    【讨论】:

    • 感谢您的回复,我已经完成了 stackblitz 的工作,但它并没有解决我的问题,根据我的观察,它只是将地图重新​​居中,但没有显示完整的时髦模型内容。您能否再次访问修复并提出建议?
    • 我已经在笔记本电脑上尝试过上面的 stackblitz 链接,因此屏幕的分辨率不同,请尝试让我知道上面的链接是否适用于笔记本电脑屏幕。
    • @BVS,没有以模态内容为中心的功能。您最好将内容显示在标记的左侧或右侧。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-03-28
    • 2018-04-23
    • 1970-01-01
    • 2017-02-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多