带有gmap和ionic框架的Javascript代码

Javascript code with gmap and ionic framework

本文关键字：Javascript 代码 框架 ionic gmap 带有      更新时间：2023-09-26

我有一个页面显示地图（ShowMap.html），其中包含以下提取的代码：

<div id="map" data-tap-disabled="true"></div>

在控制器中，我使用如下内容：

...
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
...

并且地图显示正常。

在该页面上，我有一个按钮，ng-click在其中激活一个功能转到另一个视图，其中包含如下代码：

$state.go("Details",
           {
             searchTerm: term
           });

然后从Details.html我有另一个带有另一个ng-click的按钮和另一个回到ShowMap.html的功能：

$state.go("ShowMap",
           {
             data: d
           });

此时，地图不再显示。

好像消失了。事实上，在地图div 中没有渲染任何内容。

为什么？似乎状态更改$state会导致映射出现问题......

转换到新状态的便捷方法。 $state.go调用$state.transitionTo内部，但会自动将选项设置为 { location: true, inherit: true, relative: $state.$current, notify: true } 。这使您可以轻松地使用绝对路径或相对路径，并仅指定要更新的参数（同时允许未指定的参数从当前活动的祖先状态继承）。

将

发送到状态的参数映射将填充$stateParams.
任何未指定的参数都将从当前定义的参数继承。只能覆盖状态定义中指定的参数，新参数将被忽略。例如，这允许转到共享父状态中指定的参数的同级状态。参数继承仅在共同的祖先状态之间起作用，即过渡到兄弟姐妹将为您提供所有父级的参数，转换为子级将获得所有当前参数，等等。
所以你需要传递这样的选项 

$state.go("ShowMap",
           {
             data: d
           },
           {inherit:false,relative:$state} );
相关文章：