Question

我正在使用XSLTForms，我需要添加Leaflet地图。但是那个图书馆的东西并不起作用。我在.xml文件中有以下代码（就像我拥有的每个xform一样）但是当我缩放地图时（通过双击或单击缩放按钮）它会冻结。

_zoomIn：函数在冻结时仍会被触发，但它不会产生预期的视觉变化。

这是简单的xforms示例：

<?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?>
<?xsltforms-options debug="no" lang="en"?>

<html   xmlns="http://www.w3.org/1999/xhtml" 
        xmlns:xf="http://www.w3.org/2002/xforms"
        xmlns:ev="http://www.w3.org/2001/xml-events">
    <head>
        <link type="text/css" rel="stylesheet" href="res/leaflet-0.8-dev/leaflet.css"/> 
        <link type="text/css" rel="stylesheet" href="res/style.css"/>
        <script type="text/javascript" src="res/jquery-ui/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="res/leaflet-0.8-dev/leaflet.js"></script>

        <script type="text/javascript">
            function showOutdoorMap(id){
                var map = L.map(id);
                L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
                    id: 'examples.map-i875mjb7'
                }).addTo(map);
                map.locate({setView: true});
            }
        </script>
    </head>
    <body onload="showOutdoorMap('map')">
        <fieldset>
            <label class="header">Demo:</label>
            <div id="map" style='width:100%; height:250px;'/>
        </fieldset>
    </body>
</html>

Answer 1

解决方案是在setView: function (center, zoom, options)中注释一行，允许_resetView方法刷新：

if (animated) {
    clearTimeout(this._sizeTimer);
    /*return this;*/
}

我还必须对这一行进行评论，以便拖放而没有任何问题：

/*if (L.DomUtil.hasClass(this._element, 'leaflet-zoom-anim')) { return; }*/

当传单在XSLTForms XML文件中时，它会在缩放时冻结

1 个答案: