0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

地理院 dspPos と Mapbox text-anchor のロゼッタストーン

Posted at

Mapbox GL JS でポイントデータから注記を出すときに、点とテキストとの関係を設定するためには symbol レイヤのレイアウトプロパティである text-anchor を使います。

ise.jpg

このプロパティの値と、国土地理院の多言語化用ベクトルタイルデータdspPos の値との対照表を作ると、次の通りです。

anchor point closest to 地理院 dspPos Mapbox text-anchor
the center of the text CC center
the left side of the text LC left
the right side of the text RC right
the top of the text CT top
the bottom of the text CB bottom
the top left corner of the text LT top-left
the top right corner of the text RT top-right
the bottom left corner of the text LB bottom-left
the bottom right corner of the text RB bottom-right

参考: HOCON 実装

地理院 dspPos を含むデータを Mapbox GL JS で表示する想定で、上記の対応づけを HOCON で表現してみると、次のようになると思います。何らか機会を見つけたら、試してみようと思います。

[
  match
  [
    get
    dspPos
  ]
  CC
  center
  LC
  left
  RC
  right
  CT
  top
  CB
  bottom
  LT
  top-left
  RT
  top-right
  LB
  bottom-left
  RB
  bottom-right
  center
]

※異常値があったときには center にデフォルトするようにしました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?