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
Post a Comment