jquery - Use blur.js on a Google map (v3 API) -


currently attempting do, use blur.js on div named map_canvas contains google map. i've tried create div on , use:

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

however, resulting in error in console:

get http://[site]/none 404 (not found) blur.js:279 

i've seen 1 stackoverflow question involving this question, however, solution there didn't seem solve problem.

any ideas why may happening, or way fix it?

you 404 error because blur.js looking background-image in source's div. since map_canvas set none, blur.js push 404 error console ('none' not found).

i haven't tested it, solution comes mind right set google map static image map_canvas's background-image. if works, can go on , write function takes current view on map_canvas's canvas , apply static image background-image. let me know if it's working.


Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -