Custom tag <tile> in Riot

<tile r='https://cyberjapandata.gsi.go.jp/xyz' t='std' z='2' x='3' y='1' e='png' w='gsimaps'></tile>

• r: root url. optional. default = 'https://cyberjapandata.gsi.go.jp/xyz'
• t: theme. optional. default = std
• z: zoom. optional. default = 2
• x: x. optional. default = 3
• y: y. optional. default = 1
• e: extension. optional. default = 'png'
• w: web map service to be called when clicked. optional. default = 'maps.gsi.go.jp'. others = %w{openstreetmap.jp}

1. show the actual tile as img
2. the tile number might be shown as annotation
3. when the img is clicked, the location representing the center of the tile is shown in a web map, such as GSI Maps.

<tile></tile>
<tile y="2"></tile>
<tile t="pale"></tile>
<tile z='16' x='58241' y='25396'></tile>
<tile r='https://tile.openstreetmap.jp' t='none' w='openstreetmap.jp' z='16' x='58241' y='25396'></tile>
<tile t='ort' z='16' x='58241' y='25396' e='jpg'></tile>

produces https://madefor.github.io/tile-riot/example.html .