传单标记图标点击事件不起作用
Leaflet marker icon click event is not working
当我刷新页面时,传单标记通常是可点击的,但当我来自另一个页面时,传单标记是不可点击的,我尝试了所有方法,但没有找到任何解决方案。
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">
[注意] 我正在使用传单(版本:“0.7.7”)和 angular-传单指令(版本:“0.10.0”)。
添加 data-tap-disabled="true"
传单地图的父标签
我的问题就解决了
当我刷新页面时,传单标记通常是可点击的,但当我来自另一个页面时,传单标记是不可点击的,我尝试了所有方法,但没有找到任何解决方案。
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">
[注意] 我正在使用传单(版本:“0.7.7”)和 angular-传单指令(版本:“0.10.0”)。
添加 data-tap-disabled="true"
传单地图的父标签