我正在尝试使用点击事件测试放大和缩小按钮。出于某种原因,我无法触发它。放大和缩小按钮都有一个名为leaflet-control-zoom-in
&的类。 leaflet-control-zoom-out
。
单击这些按钮可将缩放级别增加或减少1 lvl。
测试时我试图使用事件触发器,但事件不会被触发。我已经检查过该元素是否存在于DOM中。
element.find('a.leaflet-control-zoom-in').trigger('click');
。
非常感谢任何建议。提前谢谢。
编辑:
var DIRECTIVE_HTML = '<map metric-selection="metricSelection" map-instance="mapInstance"></map>';
element = angular.element(DIRECTIVE_HTML);
$compile(element)($scope);
// append element to body
$document.find('body').eq(0)
.append(element);
// trigger scope digest
$rootScope.$digest();
它从模板加载内容,在指令中添加了传单的zoomControl。
var zoomControl = L.control.zoom({position: 'topleft',zoomInText:'',zoomOutText:''});
map.addControl(zoomControl)
此部分在UI上添加放大和缩小按钮。