Question

您好我正在使用angularjs开发onsen ui并制作了一个包含谷歌地图的演示应用程序，所有内容都非常流畅，但经过测试后我发现了ons-back-button的问题，请查看案例，我有page1包含谷歌地图，当页面加载第一次时间地图完全加载完好，但从页面1导航到page2并使用（ons-back-button）返回页面1，我的地图坏了，从未加载..我浪费了我解决了这3天，没有运气，任何人都可以帮我解决问题，我的代码是：的 HTML

<div class="mapclass">
                <ons-row class="app-map">   
                    <ons-col> 
                        <map zoom="11" center="[{{lat}}, {{lng}}]" 
                             draggable: false >
                            <info-window id="marker-info" >
                                <div class="mpopup-wrap" style="padding: 0; width: 250px;">
                                    <div class="mpopup-box">
                                        <strong class="title">{{ infoWindow.title}}</strong>
                                        <img src="{{mapimg}}" style="float: left; width: 80px; height: 53px; margin-right: 5px;" />
                                        <span class="info">
                                            <i class="fa fa-map-marker"></i>
                                            {{infoWindow.loc}}
                                        </span>
                                        <span class="info">
                                            <i class="fa fa-home"></i>
                                            {{infoWindow.content}}
                                        </span>
                                    </div>
                                </div>
                            </info-window>
                            <marker ng-repeat="(id, marker) in markers" id="{{ id}}" 
                                    position="[{{lat}}, {{lng}}]"
                                    title= "hello"
                                    visible="true"
                                    on-click="showMarker(event, $index)" >
                            </marker>
                        </map>
                    </ons-col>
                </ons-row>
            </div>

Answer 1

尝试使用prepop或postpop来执行或重新加载goole地图。

Onsen docs (prepop, postpop)

Answer 2

我认为这个帖子可能与您的问题密切相关。我不熟悉温泉，但你想要做的是控制某些控制器的行为，并且使用UI-route-provider，你可以设法控制是否在交换机上重新加载页面。

请参阅第一个答案here

如何在<ons-back-button>上单击刷新上一页

2 个答案: