aprs-symbols
CSS library with optional JS providing rendering means for APRS icons, rendering square icons of sizes 24px, 48px, 64px and 128px
Usage
Include the resources in your app
<!-- Necessary CSS, PNG sprites should be in the same directory as the CSS file --> <!-- Optional JS -->
Plain HTML/CSS
<!-- To draw symbol from table 0, address row 1, column 13 --><!-- To draw symbol from table 1, address row 3, column 3, size 128px -->
JS helper function to get image tag string by symbol
// helper function returns string "<i class="aprs-table0 aprs-address-3-10"></i>"let imageTagString = ;// helper function returns string "<i class="aprs-table0-64 aprs-address-64-3-10"></i>", ie. same symbol as above, but 64x64px sizelet imageTagString = ;
JS helper function to get image tag by known address (format [table, column, row])
// helper function returns string "<i class="aprs-table0 aprs-address-3-10"></i>"let imageTagString = ;// helper function returns string "<i class="aprs-table0-48 aprs-address-48-3-10"></i>", ie. same symbol as above, but 48x46px sizelet imageTagString = ;
Using symbols sprites from OH7LZB
PNG images used to render aprs symbols borrowed from OH7LZB repository see source http://github.com/hessu/aprs-symbols/