Framer preview showing an error: "Missing Mapbox GL JS CSS"

gohypergiant / MapboxLayer

A Framer module for creating powerful Mapbox maps in your prototypes.

MIT License

20 stars 0 forks source link

Framer preview showing an error: "Missing Mapbox GL JS CSS" #10

Open AaronJeppesen opened 7 years ago

AaronJeppesen commented 7 years ago

What are you trying to achieve or the steps to reproduce?

I'm trying to set up an Framer project to display Mapbox map Describe your issue An error message is displayed that says the Mapbox GL CSS is missing. Otherwise, the Mapbox instance seems to function just fine.

What were your results?

Describe your results

What did you expect?

Describe your expected results No error message.

brandonjpierce commented 7 years ago

@AaronJeppesen thanks for reporting! I have pinpointed the issue.

brandonjpierce commented 7 years ago

@AaronJeppesen can you try again with latest version (1.1.1)?

AaronJeppesen commented 7 years ago

Hi Brandon, I tried 1.1 but am still encountering the issue (using the manual installation method)

Here's the example project: https://framer.cloud/uihJB

thanks!

42point commented 7 years ago

Managed to fix it with:

Copy Project/node_modules/mapbox-gl/dist/mapbox-gl.css to Project/Framer
Add to index.html to section <link rel="stylesheet" type="text/css" href="framer/mapbox-gl.css">

patrickkeenan commented 6 years ago

This was my fix: errorElement = document.querySelector(".mapboxgl-missing-css") errorElement.style.display = "none"