I have a set of HTML files that were prepared for me a few years ago.
Originally, when opened one of the files in a browser, it would plot an animation of a large number of data points on an Open Street Maps base layer.
The data points are all saved within the file as latitude and longitude pairs.
I have gone back to the files to view them and it seems that the plotting portion of the script is not running.
When opened, the page loads the Google Map base layer centered on the correct location, but none of the data points are plotted.
I am guessing this is some sort of security thing where the browser is blocking an html file from running a script.
But I cannot find a way to figure out exactly where the script is failing.
Can someone point me to the way to determine where the script is ‘breaking’?
I can provide a sample html file if anyone want to have a look. The largest one is ~2.9 MB and has a few thousand (x,y) pairs embedded in it.
I have tried opening the file in different browsers (Chrome, Firefox, Edge, IE), tried to find ways to turn off security on Chrome, etc… but no luck.
Is there a debugger out there that will tell me where this code is failing?
2
Answers
Just as an FYI to others who may come across this, Anish Sapkota had a look at my file and determined that:
"The newer code for leaflet required one more dependency."
Hence, he added this line of code:
before the line that I had:
and this made my files work again.
Thanks Anish!
To debug the website, you can use the inbuilt ‘inspect element’ tool of Chrome browser shown in this link.