HTML code from mapbox doesn’t work on my website

52 viewscsselementorhtmlmapboxwordpress
0

I’m trying to put this code from mapbox https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-draw/ on my website, I’m on wordpress and I used the html widget on Elementor. In the end the map doesn’t appear…

I think it’s blocked because of this error I saw on the browser’s console : "Mixed Content: The page at ‘https://xxxxxxxxxxx.ovh/contact/?preview_id=153&preview_nonce=e98f30e470&preview=true’ was loaded over HTTPS, but requested an insecure script ‘http://api.tiles.mapbox.com/mapbox.js/v2.2.2/mapbox.js?ver=1.3.2’. This request has been blocked; the content must be served over HTTPS."

But I don’t know how to change it because I don’t have any http:// in my html code…

Could you help me put this code on my website please ?

I’ve tried to download the "Really Simple SSL" widget to resolve the problem but it didn’t work. Tried to put the css code separately, asked Elementor dev, mapbox dev, no one can help…