jquery - Google マップで blur.js を使用する (v3 API)

Question

現在、私がやろうとしているのmap_canvasは、Googleマップを含むという名前のdivでblur.jsを使用することです。私はすでにその上にdivを作成して、単に使用しようとしました:

$(document).ready(function() {

    $('#blurredCoverDiv').blurjs({
        source: '#map_canvas',
        radius: 30,
        overlay: 'rgba(0, 0, 0, .2)'
    });

});

ただし、コンソールに次のエラーが表示されます。

GET http://[site]/none 404 (Not Found) blur.js:279

このまさに質問に関する1つのstackoverflowの質問を見たことがありますが、そこの解決策は私の問題を解決していないようです。

なぜこれが起こっているのか、またはそれを修正する方法についてのアイデアはありますか?