0

我觉得这是一个显而易见的问题，但这让我很困惑，我不太确定如何调试它。可能只是我对javascript的无知。

我在这里使用传单 utfgrid 脚本：https ://github.com/danzel/Leaflet.utfgrid

我主要只是遵循示例脚本，我无法让事件处理程序工作。在这一点上，我得到了我认为是非常基本的脚本。这是代码 - 我希望让 utfGrid.on('click') 函数登录到控制台，但它不会。我将不胜感激任何反馈帮助。

<head>
    <meta charset="UTF-8">
    <title>Leaflet Test</title>

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
    <script src="http://danzel.github.io/Leaflet.utfgrid/src/leaflet.utfgrid.js"></script>
    <style>
        #map{ width: auto; height: 800px; }
    </style>

</head>
<body>
    Map Data Test
    <div id ="hover"></div>
    <div id="map"></div>

    <script>

      // load a tile layer
        var basemap = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {attribution: 'CartoDB.', maxZoom: 18, minZoom: 2});
        var cmamap = L.tileLayer('http://localhost:8080/tiles/{z}/{x}/{y}.png');
        var utfGrid = new L.UtfGrid('http://localhost:8080/grid/{z}/{x}/{y}.json');

        //event data

        utfGrid.on('click', function (e) {
            console.log('clicked');
        });

        //Create our map with just the base TileLayer

        var map = L.map('map')
            .setView([38, -94], 5)
            .addLayer(basemap);

        //Set up  the base map and interactive stuff
        var cmaLayers = L.layerGroup([
            cmamap,
            utfGrid
        ]).addTo(map);


    </script>

</body>
4

1 回答 1

2

所以这看起来像是传单插件和leaflet.utfgrid之间的版本问题。当我使用旧版本的传单时 - 它可以工作。

于 2017-02-23T17:47:02.700 回答