2016-03-18 42 views
1

我正在运行离子谷歌地图应用程序。 我遇到的问题是谷歌条款和条件在右下角。我想展示条款和条件,但是当我运行应用程序并单击条款和条件时,会打开另一个窗口,实质上使我的应用程序消失。如何添加后退按钮到地图重定向离子?

我怎样才能点击条款和条件,但使其在框架内?

http://codepen.io/leetcat/pen/GZrLRN

中的index.html:

<html ng-app="ionic.example"> 
    <head> 
    <meta charset="utf-8"> 
    <title>Map</title> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 

    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"> 
    <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script> 

    <!-- google maps javascript --> 
    <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es&sensor=true"></script> 

    </head> 
    <body ng-controller="MapCtrl"> 
    <ion-header-bar class="bar-dark" > 
     <h1 class="title">Map</h1> 
    </ion-header-bar> 
    <ion-content> 
     <div id="map" data-tap-disabled="true"></div> 
    </ion-content> 
    </body> 
</html> 

的app.js

angular.module('ionic.example', ['ionic'])  
    .controller('MapCtrl', function($scope, $ionicLoading, $compile) { 
     function initialize() { 
     var myLatlng = new google.maps.LatLng(43.07493,-89.381388); 

     var mapOptions = { 
      center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map"), 
      mapOptions);   
     $scope.map = map; 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    }); 

当条款及条件被点击了新的一页被打开。我希望它在一个框架中打开,所以我可以点击回来。在iOS应用程序中无法点击。

回答

1

添加此功能,您的app.js文件:

function changeTermsOfUseClick() { 
    var a = document.getElementsByClassName('gmnoprint').item(1).lastChild.lastChild; 
    a.setAttribute('href',"#/html/redirect/here"); 
    a.removeAttribute('target'); 
}; 

这行添加到您的初始化函数:

$scope.initialize = function() { 
    google.maps.event.addListenerOnce($scope.map, 'tilesloaded', changeTermsOfUseClick); 
}; 

一旦地图加载,changeTermsOfUseClick()被调用,该元素的href我们想改变的存在,所以你可以指向任何你想要的应用程序,改变这个#/html/redirect/here

确保你也不会删除它没有显示它,这将是非法的。

相关问题