javascript - phonegap-googlemaps-plugin + $ionicPopup

Question

我正在使用 IonicFramework 开发一个应用程序与 phonegap-googlemaps-plugin也就是说，当用户点击 infoWindow 的标记时，它会调用一个确认函数，然后调用 launchNavigation如果为真。

我的问题是，如果我使用 native confirm 功能，它会很好用，但是当我尝试使用 $ionicPopup.confirm({}) 时 我无法点击确认按钮。看起来我一直在点击 map 。

我已经尝试更改“popup-containe”类的 z-index 属性，但似乎没有按我预期的方式工作。

    data.map(function (m) {

        var latLng = new plugin.google.maps.LatLng(m.lat, m.lng)
        latLngs.push(latLng);

        map.addMarker({
            position: latLng,
            title: m.placa,
            snippet: 'Clique para ir nessa localização.',
            styles : {
                'text-align': 'center',
                'font-weight': 'bold'
            }
        }, function (marker) {

            marker.addEventListener(plugin.google.maps.event.INFO_CLICK, function(marker) {

                var confirm = $ionicPopup.confirm({
                    title: m.placa,
                    template: 'Abrir navegação para essa localização?',
                    okText: 'Sim',
                    cancelText: 'Não'
                })

                document.getElementsByClassName('popup-container')[0].style.zIndez = 999999;

                confirm.then(function (response) {
                    if (response) {
                        map.getMyLocation(function (location) {
                            mobileLocation = location.latLng;

                            marker.getPosition(function(markerLocation) {

                                plugin.google.maps.external.launchNavigation({
                                    'from': mobileLocation,
                                    'to': markerLocation
                                });

                            })
                        })
                    }
                })

                $timeout(function() {
                    confirm.close();
                }, 3000);

                /*
                if (confirm("Abrir direção para " + m.placa)) {
                    map.getMyLocation(function(location) {
                        mobileLocation = location.latLng;

                        marker.getPosition(function (markerLocation) {

                            plugin.google.maps.external.launchNavigation({
                                "from": mobileLocation,
                                "to": markerLocation
                            });

                        });

                    });
                }
                */
            });
        });
    });

谢谢

Answer 1

简单就是你只要设置

map.setClickable(false) 当显示 $ionicPopup 然后在 map.setClickable(true) 之后。

完美运行。