javascript - 传单标记图标点击事件不起作用

Question

当我刷新页面时，传单标记通常是可点击的，但当我来自另一个页面时，传单标记是不可点击的，我尝试了所有方法，但没有找到任何解决方案。

JavaScript:

angular.extend($scope, {
center: {
    lat: 51.505,
    lng: -0.09,
    zoom: 8
},
markers: {},

});

mapService.getLocation(function(location) {
    $scope.center = {
        lat: location.lat,
        lng: location.long,
        zoom: 12
    };
    $scope.$digest($scope.center);
    mapService.getMarkers(
        new google.maps.LatLng(location.lat, location.long),
        document.getElementById('map'), ['school'],
        function(results) {
            results.forEach(function(marker) {
                var __location = marker.geometry.location.toJSON();
                $scope.markers[marker.id] = {
                    lat: __location.lat,
                    lng: __location.lng,
                    message: marker.name,
                    focus: false
                }
            });
            $scope.$digest($scope.markers);
        }
    )
});

HTML:

<leaflet
width="100%"
markers="markers"
lf-center="center">

[注意] 我正在使用 leaflet(ver: "0.7.7") 和 angular-leaflet-directive(version: "0.10.0")。

Answer 1

我的问题是通过添加 data-tap-disabled="true" leaflet map 的父标签来解决