Ubidots Community

Using Mapbox in HTML Canvas


I’m currently in the process of creating a map widget using HTML canvas and Mapbox.

I’ve managed to follow the examples on Mapbox homepage and made custom maps using their Mapbox GL JS (Https://docs.mapbox.com/mapbox-gl-js/example/video-on-a-map/). It seems to work just fine when I run it on JSFiddle but I can’t figure out how to make it work on ubidots dashboard.

I read an example on ubidots resource page but it didn’t make much sense as it had no comments on the code. Is there an example with comments that I can follow?

Hi @jin167,

I hope all is well.

Please refer to the following article, example 4, where you can learn how to create a Mapbox map using the HTML Canvas widget.

All the best,