我第一次打开弹出窗口(Mapbox)

时间:2018-01-23 21:06:28

标签: javascript html canvas popup mapbox

我正在尝试创建一个弹出窗口,但第一次我没有得到正确的风格。我可能做错了什么?

var canvas = document.getElementById("canvas");

我的HTML。

<canvas id='canvas' style="min-width: 600px; margin: -4px"></canvas>

我的JavaScript代码

map.on('click', 'region-capa', function (e) {
    if (typeof myChart != 'undefined') {
        myChart.destroy();
    }
    if (e) {
        nombre = e.features[0].properties.SST_NOMBRE;
        $.ajax({
            type: "GET",
            url: "/Mapa/GetEstadisticas/" + parseInt(e.features[0].properties.SST_ID),
            contentType: "application/json",
            dataType: "json",
            success: function (response) {
                if (response) {
                    grafica(response);
                    new mapboxgl.Popup({ closeButton: true, closeOnClick: true })
                        .setLngLat(e.lngLat)
                        .setDOMContent(canvas)
                        .addTo(map);
                }
            },
            failure: function (response) {
                alert(response);
            }
        });
    }
});

我不知道我做错了什么?

我得到的例子: https://user-images.githubusercontent.com/2707903/35266189-c11f0856-0022-11e8-9a4e-0e8c2a8420a0.JPG

1 个答案:

答案 0 :(得分:0)

我找到了答案。

我已将响应选项更改为我的Chartjs配置 false