All icons should be combined into one image file and being selected via background-position.
Currently, each icon is very small and has its own designated file, which is bad to load for the browser.
I already worked with spritesmith in the past and would use it again.
Also there is a little visible delay after adding the markers and the layer controller to the map, where it fetches the images, because the icon places in the layer controller are briefly empty. When all images are in one file, one (transparent) pixel of that file can be added as an <img> to the DOM to pre-load it.
All icons should be combined into one image file and being selected via
background-position
.Currently, each icon is very small and has its own designated file, which is bad to load for the browser.
I already worked with spritesmith in the past and would use it again.
Also there is a little visible delay after adding the markers and the layer controller to the map, where it fetches the images, because the icon places in the layer controller are briefly empty. When all images are in one file, one (transparent) pixel of that file can be added as an
<img>
to the DOM to pre-load it.