How To Insert Overlay Images In Highmaps (or Highcharts) Which Scale With The Map

I would like to overlay images on top of a map (map features) and found that HighMaps/HighCharts has two options - but neither of these are suitable. I was wondering if there are a

Solution 1:

You can use mappoint series to add point by latitude and longitude, then change its marker.symbol value to any url(), and on every selection chart event, change the size and position of the image by calculating appropriate current scale. I prepared an example and if you would have some questions about the code and how it works, please let me know.

Here is the example: https://jsfiddle.net/vbou6sga/