Maps stopped displaying

A few weeks ago I started learning how to use MapKit js and all seemed well. I got the ID, Key & token all fine. Pulled up my first map and proceeded to add features which resulted in just the map I wanted.
However, the weekend just gone I updated my server from http to https (or should I more accurately say my Internet Provider did the upgrade!). Anyway my map no longer displays the mapping data, my stuff is there but no Apple Maps.
So I thought that as I specified a domain name originally, I would create a new ID, key and token, just incase. But that does not seem to work either.
Any ideas?

You will most likely need to regenerate your token with a new origin restriction string, if set.

When your host upgraded from HTTP to HTTPS, the origin would have changed too. For example, if the page was hosted on http://www.example.com/my_map.html, the old origin would be http://www.example.com. With the new host on https://www.example.com/my_map.html, the new origin will be https://www.example.com.

If you are using the latest version of MapKit JS, the browser error console will print out applicable error messages.

I've already done that by creating a new ID, Key and token from scratch using https as outlined above. I also took the step of having the http redirected to https.
Just looked at the console and it appears the was a mismatch in calling the URL. Corrected it now, thanks learned now to look at the tools before me!!! Thank you.

Maps stopped displaying
 
 
Q