ok… i’ve been coding a bit, and i’m at a point of diminishing returns for further coding, i think. i didn’t get to the point of producing a mapping interface, but the code is here (https://github.com/jumear/stirfry/blob/gh-pages/iNat_UTFgrid_based_custom_density_map.html), and hopefully it’s relatively easy to understand and tinker with. you’re welcome to adapt it as you please.
here are some examples of different custom maps i created using the UTFgrids:
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=1
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=2
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=3
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=4
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=5
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=6
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=7
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=8
https://jumear.github.io/stirfry/iNat_UTFgrid_based_custom_density_map.html?example=9
UPDATE:
one last contribution here: https://jumear.github.io/stirfry/iNat_UTFgrid_based_density_map_for_Leaflet.html
(code: https://github.com/jumear/stirfry/blob/gh-pages/iNat_UTFgrid_based_density_map_for_Leaflet.html)
the previous examples were built in a static map viewer that i cobbled together. but this new example is built as an extension of Leaflet.js. so it might be easier to tinker with for those who are familiar with Leaflet.js, and this example is also easier for exploration since you can pan and zoom. the markers are also created a little differently here, in a way that is less resource intensive but is a little less flexible (tradeoffs).
that’s it for now.