Skip to content

Latest commit

 

History

History
32 lines (28 loc) · 1.08 KB

README.md

File metadata and controls

32 lines (28 loc) · 1.08 KB
Raw

tile-riot

Custom tag <tile> in Riot

(design by) example

tag use

<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}

tag rendering

  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.

example

<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 .