无法在mapbox gl map上显示数据,原因是尚未加载样式(style.js:261未捕获的错误:未完成加载样式)

时间:2019-02-13 11:38:52

标签: d3.js callback mapbox-gl-js

我想在我的mapbox gl上显示数据点,但出现错误“ style.js:261未捕获的错误:样式未完成加载”。这是我的一部分代码。

我尝试使用回调函数map.on('load',function(){...}),但随后我得到了很多错误。我真的被困在这里。顺便说一句,数据点在以前的代码中显示了,我没有使用mapbox gl包。我在这里使用了其他地图图块。因此通常,用于检索和显示数据点的代码应该没问题。如果.addTo(map)函数不适用于mapboxgl地图,则可能除外。这是我的一部分代码。

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/traffic-night-v2',
    center: [ 4.7005176, 50.8798438],
    zoom: 13,
    hash: true
});
map.addControl(new mapboxgl.NavigationControl());
map.addControl(new MapboxTraffic());
        d3.json("lastMesuraments.json", function(data) {
            data.forEach(function(d) {
                console.log(d.id);
                d.lat = +d.lat;
                d.lon = +d.lon;
                console.log(d.lat);
                console.log(d.lon);
                //L.marker([d.lat, d.lon], {icon: greenIcon}).addTo(mymap);
                var circle = L.circle([d.lat, d.lon], {
                    color: colorPick(d.temperature),
                    fillColor: colorPick(d.temperature),
                    fillOpacity: 0.7,
                    radius: 120,
                    stroke: false
                }).addTo(map);
                circle.bindPopup("temperature:" + d.temperature + "°C");
            });

        })

结果应该是一张我可以看到我的数据点的地图。

0 个答案:

没有答案