Getting 3rd Party Street Mapping to work with 'Custom Code Block' using 'TomTom Navigation' service

Hi TomTom Mapping has some great pay as you grow deal for developers so I decided to use it to see if I could get a 3rd party mapping service other than google maps to work with the new ‘Custom Code Block’.

Been struggling to try to get their most basic mapping function working with the following javascript and css templates they have for this map.

I downloaded their SDK and loaded the following files into my backendless file directory and I also inserted my TomTom Api Key into the code as you can see (blanked out).

I created a new test page called ‘z_test_1’

I created a UI block and created the ‘map’ anchor id.

I then went into the Page Enter event to add the ‘Custom Block’ with the TomTom HTML code where I was careful to change the path for included CSS and JS files from their SDK download.

However this didn’t work and just displayed a blank page. My app id is 721AC780-A565-8D74-FF75-5158A2EB5500.

Thanks for any help!!

I just tried to use the other company MapBox which had an even “easier” looking install so I tried it with the Custom Code block but that didn’t work as well.


Hi William,

I posted a recipe in our UI Builder cookbook that describes how to import the MapBox component into UI Builder:


1 Like