ユーザー図形
概要
ユーザー図形は、形状情報(線、多角形、点)をGeoJSONで記述し、装飾情報は個々の形状のカスタムプロパティで定義します。
ユーザー図形を定義したGeoJSON文字列をリクエストパラメータUserFigureに指定することで、指定範囲にユーザー図形を重畳した画像を得ることができます。
装飾パラメータは、既存のZNETサービスを踏襲しているが、線種、及び塗りつぶしパターンは、ZIPS独自のパラメータ名となっています。
本システムのユーザー図形として受け取るGeoJSONは、空間参照系オブジェクトはサポートしておらず、全ての座標は、ZIPSサービスの座標系です。
EPSG4612として自動的に解釈されます。
また、装飾プロパティは、ZNETを踏襲しているため、本システムから出力タイプ910で取得可能なGeoJSONのプロパティと互換性はないです。
以降に、各Feature種類毎に組み合わせ可能なプロパティと、プロパティ値の説明を述べます。
地物種類別指定可能プロパティ
地物種類 | ライン色 | ライン種 | ライン幅 | 背景色 | 背景種 | 回転 | 文字 | 文字色 | 文字サイズ | 文字枠 | 表示位置 | アイコン | 楕円 | 透過率 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
LineString | ● | ● | ● | ● | ● | |||||||||
Polygon | ● | ● | ● | ● | ● | ● | ● | |||||||
Point: 文字 | ● | ● | ● | ● | ● | ● | ● | ● | ● | ● | ● | ● | ||
Point: アイコン | ● | ● | ● | ● | ||||||||||
Point: 楕円 | ● | ● | ● | ● | ● | ● | ● | ● |
地物種類別プロパティ指定ルール/デフォルト値
地物種類 | ライン色 | ライン種 | ライン幅 | 背景色 | 背景種 | 回転 | 文字 | 文字色 | 文字サイズ | 文字枠 | 表示位置 | アイコン | 楕円 | 透過率 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
LineString | 必須 | 必須 | 必須 | <OPT> | 1.0 | |||||||||
Polygon | <セットOPT>※ | <セットOPT>※ | <OPT> | 1.0 | ||||||||||
Point: 文字 | <セットOPT>※ | <セットOPT>※ | <OPT> | 必須 | 必須 | 必須 | false※ | 1 | 1.0 | |||||
Point: アイコン | <OPT> | 1 | 必須 | 1.0 | ||||||||||
Point: 楕円 | <セットOPT>※ | <セットOPT>※ | <OPT> | 必須 | 1.0 |
【ルール】
必須 | 当該プロパティは省略できない。 |
<OPT> | 任意オプション。 |
<セットOPT> | 任意オプションだが、指定する場合はセット全てを同時に指定する。 |
~固定 | システムで固定値となっており、指定は不可。 |
即値 | デフォルト値が存在するため省略可。 |
プロパティ一覧
日本語名 | プロパティ名 | 設定値 |
---|---|---|
ライン名 | line_color | HTMLカラーコード形式(#FFFFFF)もしくは色番号(別表) |
ライン種 | line_type | solid、dash、dashdot、dot(別表でイメージ) |
ライン幅 | line_size | 1~10で指定 |
背景色 | shade_color | HTMLカラーコード形式(#FFFFFF)もしくは色番号(別表) |
背景種 | shadre_type | none、solid、horizontal、vertical、bdiagonal、fdiagonal、dot、nhorizontal(別表でイメージ) |
回転 | rotate | 以下のJSONを指定。 { "degree":90, //反時計回りの回転角度。マイナスによる逆回転可。 "center":[139.7335,35.6377] //回転原点緯度経度 } ※回転計算はWebGL3D座標空間で実行する。 |
文字 | text_string | 表示文字列。文字コードはUTF8、改行は'\n'。 |
文字色 | text_color | HTMLカラーコード形式(#FFFFFF)もしくは色番号(別表) |
文字サイズ | text_size | 10~600の範囲で任意。 |
文字枠 | text_frame | true: 枠アリ、false: 枠なし。デフォルトfalse。 |
表示位置 | position | 表示基準位置。1: 中心、2: 左下、3: 左上、4: 右下、5: 右上。デフォルト1。 |
アイコン | icon | アイコン番号 |
楕円 | ellipse | 以下のJSONを指定。 { "xr":200, //X方向半径。単位はメートル。 "yr":100, //Y方向半径。単位はメートル。 "segment":64, //構成頂点数3~256。多角形で近似するため頂点数が多いほど滑らかな形状となる。 "rcs":9 //座標計算時の平面直角系番号1~19。平面直角レンダリング時(rcs指定アリ)なら省略可。 } ※構成頂点の計算は平面直角座標空間で実行する。 |
透過率 | opacity | 0.0~1.0。デフォルト1.0。 |
重畳実行サンプル
※実際のGeoJSONは末尾に記載。
別表: 色番号
番号 | R | G | B | 色 |
---|---|---|---|---|
1 | 254 | 254 | 254 | |
2 | 0 | 0 | 0 | |
3 | 255 | 255 | 255 | |
4 | 255 | 0 | 0 | |
5 | 0 | 100 | 255 | |
6 | 0 | 255 | 0 | |
7 | 255 | 255 | 0 | |
8 | 0 | 255 | 255 | |
9 | 34 | 139 | 34 | |
10 | 0 | 0 | 127 | |
11 | 127 | 127 | 127 | |
12 | 211 | 211 | 211 | |
13 | 255 | 0 | 255 | |
14 | 127 | 0 | 0 | |
15 | 139 | 0 | 139 | |
16 | 255 | 127 | 0 | |
17 | 0 | 127 | 255 | |
18 | 138 | 143 | 226 | |
19 | 184 | 134 | 11 | |
20 | 205 | 41 | 144 | |
21 | 255 | 105 | 180 | |
22 | 144 | 128 | 80 | |
23 | 128 | 192 | 48 | |
24 | 224 | 224 | 224 | |
25 | 96 | 176 | 176 | |
26 | 0 | 112 | 0 | |
27 | 224 | 128 | 0 | |
28 | 64 | 64 | 96 | |
29 | 16 | 64 | 240 | |
30 | 240 | 48 | 16 | |
31 | 16 | 16 | 16 | |
32 | 48 | 48 | 48 | |
33 | 176 | 176 | 96 | |
34 | 160 | 160 | 80 | |
35 | 192 | 192 | 80 | |
36 | 80 | 16 | 64 | |
37 | 190 | 190 | 190 | |
38 | -1 | -1 | -1 | 無色 透明 |
39 | 248 | 248 | 255 | |
40 | 255 | 225 | 230 | |
41 | 131 | 139 | 139 | |
42 | 205 | 205 | 193 | |
43 | 192 | 192 | 160 | |
44 | 255 | 192 | 2 | |
45 | 171 | 207 | 140 | |
46 | 255 | 235 | 187 | |
47 | 242 | 226 | 149 | |
48 | 192 | 223 | 231 | |
49 | 255 | 179 | 183 | |
50 | 235 | 207 | 114 |
番号 | R | G | B | 色 |
---|---|---|---|---|
51 | 220 | 188 | 78 | |
52 | 117 | 134 | 134 | |
53 | 173 | 176 | 184 | |
54 | 250 | 198 | 126 | |
55 | 163 | 163 | 209 | |
56 | 239 | 239 | 239 | |
57 | 218 | 218 | 218 | |
58 | 254 | 211 | 133 | |
59 | 1 | 107 | 171 | |
60 | 175 | 148 | 39 | |
61 | 67 | 122 | 5 | |
62 | 255 | 235 | 187 | |
63 | 233 | 200 | 136 | |
64 | 173 | 147 | 32 | |
65 | 153 | 108 | 12 | |
66 | 180 | 140 | 100 | |
67 | 71 | 41 | 0 | |
68 | 146 | 96 | 7 | |
69 | 90 | 90 | 90 | |
70 | 131 | 150 | 156 | |
71 | 170 | 170 | 170 | |
72 | 194 | 193 | 203 | |
73 | 244 | 250 | 121 | |
74 | 97 | 97 | 54 | |
75 | 208 | 208 | 87 | |
76 | 186 | 186 | 120 | |
77 | 163 | 138 | 183 | |
78 | 40 | 109 | 172 | |
79 | 107 | 185 | 221 | |
80 | 77 | 0 | 153 | |
81 | 128 | 0 | 128 | |
82 | 173 | 120 | 136 | |
83 | 255 | 130 | 130 | |
84 | 99 | 162 | 218 | |
85 | 225 | 185 | 201 | |
86 | 246 | 205 | 188 | |
87 | 192 | 173 | 140 | |
88 | 0 | 0 | 217 | |
89 | 162 | 186 | 209 | |
90 | 128 | 128 | 160 | |
91 | 197 | 207 | 198 | |
92 | 87 | 159 | 87 | |
93 | 56 | 177 | 56 | |
94 | 187 | 213 | 210 | |
95 | 80 | 0 | 0 | |
96 | 56 | 56 | 56 | |
97 | 154 | 154 | 154 | |
98 | 234 | 167 | 167 | |
99 | 220 | 130 | 151 | |
100 | 180 | 221 | 211 |
番号 | R | G | B | 色 |
---|---|---|---|---|
101 | 0 | 0 | 225 | |
102 | 249 | 248 | 234 | |
103 | 83 | 83 | 0 | |
104 | 113 | 113 | 113 | |
105 | 146 | 182 | 255 | |
106 | 146 | 219 | 170 | |
107 | 146 | 219 | 255 | |
108 | 146 | 255 | 255 | |
109 | 182 | 182 | 170 | |
110 | 182 | 182 | 255 | |
111 | 182 | 255 | 255 | |
112 | 219 | 219 | 170 | |
113 | 219 | 255 | 170 | |
114 | 219 | 255 | 255 | |
115 | 255 | 182 | 0 | |
116 | 255 | 182 | 85 | |
117 | 255 | 219 | 85 | |
118 | 255 | 219 | 70 | |
119 | 255 | 255 | 170 | |
120 | 146 | 109 | 170 | |
121 | 182 | 109 | 255 | |
122 | 255 | 182 | 255 | |
123 | 255 | 146 | 0 | |
124 | 182 | 255 | 0 | |
125 | 146 | 146 | 0 | |
126 | 146 | 109 | 0 | |
127 | 0 | 146 | 0 | |
128 | 0 | 255 | 0 | |
129 | 146 | 219 | 0 | |
130 | 0 | 146 | 255 | |
131 | 0 | 109 | 255 | |
132 | 0 | 73 | 255 | |
133 | 73 | 36 | 255 | |
134 | 128 | 0 | 128 | |
135 | 194 | 193 | 203 | |
136 | 56 | 177 | 56 | |
137 | 208 | 208 | 87 | |
138 | 131 | 150 | 156 | |
139 | 97 | 97 | 54 | |
140 | 192 | 173 | 140 | |
141 | 90 | 90 | 90 | |
142 | 40 | 109 | 172 | |
143 | 107 | 185 | 221 | |
144 | 163 | 138 | 183 | |
145 | 153 | 108 | 12 | |
146 | 77 | 0 | 153 | |
147 | 71 | 41 | 0 | |
148 | 99 | 162 | 218 | |
149 | 173 | 120 | 136 | |
150 | 255 | 130 | 130 |
別表: ライン種
指定 | 破線イメージ | パターン | 名前 |
---|---|---|---|
solid | [] | 実線 | |
dash | [4,4] | 破線 | |
dashdot | [3,2,12] | 破点線 | |
dot | [2,2] | 点線 |
別表: 背景種
指定 | 塗潰パターン | 名前 |
---|---|---|
none | なし | |
solid | べた | |
horizontal | 水平 | |
vertical | 垂直 | |
bdiagonal | 45°右上がり | |
fdiagonal | 45°右下がり | |
dot | ドット | |
nhorizontal | 細かい水平 |
別表: アイコン一覧
41101 |
41102 |
41103 |
41104 |
41105 |
41106 |
41107 |
41108 |
41109 |
41110 |
41111 |
41112 |
41113 |
41114 |
41115 |
41116 |
||||
41201 |
41202 |
41203 |
41204 |
41205 |
41206 |
41207 |
41208 |
41209 |
41210 |
41211 |
41212 |
41213 |
41214 |
41215 |
41216 |
41217 |
41218 |
41219 |
41220 |
41221 |
41222 |
41223 |
41224 |
||||||
41301 |
41302 |
41303 |
41304 |
41305 |
|||||
42101 |
42102 |
42103 |
42104 |
42105 |
42106 |
42107 |
42108 |
42109 |
42110 |
42111 |
42112 |
42113 |
|||||||
42201 |
42202 |
42203 |
42204 |
42205 |
42206 |
42207 |
42208 |
42209 |
42210 |
42211 |
42212 |
42213 |
42214 |
42215 |
42216 |
||||
42301 |
42302 |
42303 |
42304 |
42305 |
42306 |
42307 |
42308 |
42309 |
42310 |
42311 |
|||||||||
43101 |
43102 |
43103 |
43104 |
43105 |
43106 |
43107 |
43108 |
43109 |
43110 |
43111 |
43112 |
43113 |
43114 |
43115 |
43116 |
43117 |
43118 |
43119 |
43120 |
43121 |
43122 |
43123 |
43124 |
43125 |
43126 |
43127 |
43128 |
43129 |
43130 |
43201 |
43202 |
43203 |
43204 |
43205 |
43206 |
43207 |
43208 |
43209 |
43210 |
43211 |
43212 |
43213 |
43214 |
43215 |
43216 |
43217 |
43218 |
43219 |
43220 |
43301 |
43302 |
43303 |
43304 |
43305 |
43306 |
43307 |
43308 |
43309 |
43310 |
43401 |
43402 |
43403 |
43404 |
43405 |
43406 |
43407 |
43408 |
43409 |
43410 |
43411 |
43412 |
43413 |
43414 |
43415 |
43416 |
43417 |
43418 |
43419 |
43420 |
43421 |
43422 |
43423 |
43424 |
43425 |
43426 |
||||
44101 |
44102 |
44103 |
44104 |
44105 |
44106 |
44107 |
44108 |
44109 |
44110 |
44111 |
44112 |
44113 |
44114 |
44115 |
44116 |
44117 |
44118 |
44119 |
44120 |
44121 |
44122 |
44123 |
44124 |
44125 |
44126 |
44127 |
44128 |
44129 |
44130 |
44131 |
44132 |
44133 |
44134 |
44135 |
44136 |
44137 |
44138 |
44139 |
44140 |
44141 |
44142 |
44143 |
44144 |
44145 |
44146 |
44147 |
44148 |
44149 |
44150 |
44151 |
44152 |
44153 |
44154 |
44155 |
44156 |
44157 |
44158 |
44159 |
44160 |
44161 |
|||||||||
45101 |
45102 |
45103 |
45104 |
45105 |
45106 |
45107 |
45108 |
45109 |
45110 |
45111 |
45112 |
45113 |
45114 |
45115 |
45116 |
45117 |
45118 |
45119 |
45120 |
45121 |
45122 |
45123 |
45124 |
45125 |
45126 |
45127 |
45128 |
45129 |
45130 |
45131 |
45132 |
45133 |
45134 |
45135 |
45136 |
45137 |
45138 |
45139 |
45140 |
45141 |
45142 |
45143 |
45144 |
45145 |
|||||
46101 |
46102 |
46103 |
46104 |
46105 |
46106 |
46107 |
46108 |
||
46201 |
46202 |
46203 |
46204 |
46205 |
46206 |
46207 |
46208 |
||
46301 |
46302 |
46303 |
46304 |
46305 |
46306 |
46307 |
46308 |
■ 重畳サンプルGeoJSON
{
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"geometry": {
"type": "MultiLineString",
"coordinates": [
[
[139.74228501319888, 35.624795615893156],
[139.74223136901858, 35.62473893000176],
[139.74222064018252, 35.62468660456356],
[139.74223136901858, 35.62462991867216]
],
[
[139.74223136901858, 35.62462991867216],
[139.74218308925632, 35.624656081391265]
],
[
[139.74223136901858, 35.62462991867216],
[139.74227428436282, 35.62466480229763]
]
]
},
"properties": {
"line_color": "4",
"line_type": "solid",
"line_size": "4",
"opacity": "1"
}
}, {
"type": "Feature",
"geometry": {
"type": "MultiLineString",
"coordinates": [
[
[139.7423225641251, 35.624817418159076],
[139.74239230155948, 35.62482177861226],
[139.74238693714145, 35.62476945317405],
[139.74231719970706, 35.624773813627236]
],
[
[139.74242448806766, 35.62482613906544],
[139.74249422550204, 35.62482613906544],
[139.74248349666598, 35.624765092720864],
[139.74241912364963, 35.624773813627236]
]
]
},
"properties": {
"line_color": "88",
"line_type": "solid",
"line_size": "3",
"opacity": "1"
}
}, {
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[139.74103510379794, 35.6258508455637],
[139.74149107933047, 35.62585956647007]
]
},
"properties": {
"line_color": "26",
"line_type": "dot",
"line_size": "1",
"opacity": "1"
}
}, {
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[139.74101901054385, 35.62576363650002],
[139.74146962165835, 35.62576363650002]
]
},
"properties": {
"line_color": "129",
"line_type": "dot",
"line_size": "3",
"opacity": "1"
}
}, {
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[139.74102437496188, 35.62566770652997],
[139.7414588928223, 35.62568078788952]
]
},
"properties": {
"line_color": "6",
"line_type": "dot",
"line_size": "5",
"opacity": "1"
}
}, {
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[139.74096000194552, 35.62471712773584],
[139.7409546375275, 35.62443369827888],
[139.74136233329776, 35.62444241918524],
[139.74136233329776, 35.624721488189024],
[139.74096000194552, 35.62471712773584]
],
[
[139.74114775657657, 35.62469532546992],
[139.74118530750278, 35.62462555821898],
[139.7412979602814, 35.624612476859426],
[139.74122285842898, 35.62455579096803],
[139.74127113819125, 35.62445986099798],
[139.7411370277405, 35.62452526779575],
[139.74105119705203, 35.6244555005448],
[139.74107801914218, 35.624547070061666],
[139.74098682403567, 35.624612476859426],
[139.7410994768143, 35.62462119776579],
[139.74114775657657, 35.62469532546992]
]
]
},
"properties": {
"line_color": "4",
"line_type": "solid",
"line_size": "2",
"shade_color": "#0000FF",
"shade_type": "bdiagonal",
"opacity": "0.5"
}
}, {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [139.741902923584, 35.6259819498561]
},
"properties": {
"icon": "41101"
}
}, {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [139.7425804138184, 35.625788462013475]
},
"properties": {
"line_color": "13",
"line_type": "solid",
"line_size": 1,
"shade_color": "40",
"shade_type": "solid",
"text_color": "#FF0000",
"text_size": "20",
"text_frame": "true",
"position": "1",
"opacity": "1",
"text_string": "テキスト\n改行",
"rotate": {
"degree": 45,
"center": [139.7425804138184, 35.625788462013475]
}
}
}, {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [139.7416374206543, 35.625207998485614]
},
"properties": {
"line_color": "#00FF00",
"line_type": "solid",
"line_size": 2,
"shade_color": "#0000FF",
"shade_type": "dot",
"opacity": 0.5,
"ellipse": {
"xr": 12,
"yr": 33,
"segment": 64,
"rcs": 9
},
"rotate": {
"degree": -5,
"center": [139.74163284301758, 35.62521916124577]
}
}
}]
}