|
|
@@ -1,9 +1,11 @@
|
|
|
+import { ui18n } from "@/lang";
|
|
|
+
|
|
|
const SVGIcons = {
|
|
|
ZebraCrossing: {
|
|
|
- text: "斑马线",
|
|
|
+ text: ui18n.t("tl.icons[0]"),
|
|
|
},
|
|
|
"chemotuoche_p.svg": {
|
|
|
- text: "侧三轮平面",
|
|
|
+ text: ui18n.t("tl.icons[1]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -79,7 +81,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"dianche_p.svg": {
|
|
|
- text: "电车侧面",
|
|
|
+ text: ui18n.t("tl.icons[2]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -214,7 +216,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"dianche_s.svg": {
|
|
|
- text: "电车平面",
|
|
|
+ text: ui18n.t("tl.icons[3]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -324,7 +326,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"erlunmotuoche.svg": {
|
|
|
- text: "普通二轮摩托车",
|
|
|
+ text: ui18n.t("tl.icons[4]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -433,7 +435,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"guache_p.svg": {
|
|
|
- text: "挂车侧面",
|
|
|
+ text: ui18n.t("tl.icons[5]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -522,7 +524,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"guache_pingmian.svg": {
|
|
|
- text: "挂车平面",
|
|
|
+ text: ui18n.t("tl.icons[6]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -604,7 +606,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"huoche_p.svg": {
|
|
|
- text: "货车平面图",
|
|
|
+ text: ui18n.t("tl.icons[7]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -704,7 +706,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"huoche_s1.svg": {
|
|
|
- text: "货车侧面",
|
|
|
+ text: ui18n.t("tl.icons[8]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -763,7 +765,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"huoche_s2.svg": {
|
|
|
- text: "货车侧面",
|
|
|
+ text: ui18n.t("tl.icons[9]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -823,7 +825,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jiaoche_p.svg": {
|
|
|
- text: "轿车平面",
|
|
|
+ text: ui18n.t("tl.icons[10]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -930,7 +932,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jiaoche_s.svg": {
|
|
|
- text: "轿车侧面",
|
|
|
+ text: ui18n.t("tl.icons[11]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1002,7 +1004,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"keche_p.svg": {
|
|
|
- text: "客车平面",
|
|
|
+ text: ui18n.t("tl.icons[12]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1104,7 +1106,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"keche_s.svg": {
|
|
|
- text: "客车侧面",
|
|
|
+ text: ui18n.t("tl.icons[13]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1181,7 +1183,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"lunshijixie_p.svg": {
|
|
|
- text: "轮式自行机械平面",
|
|
|
+ text: ui18n.t("tl.icons[14]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1285,7 +1287,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"lunshituolaji_p.svg": {
|
|
|
- text: "轮式拖拉机平面",
|
|
|
+ text: ui18n.t("tl.icons[15]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1402,7 +1404,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"lunshituolaji_s.svg": {
|
|
|
- text: "轮式拖拉机侧面",
|
|
|
+ text: ui18n.t("tl.icons[16]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1505,7 +1507,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"qianyinche_p.svg": {
|
|
|
- text: "侨银车平面",
|
|
|
+ text: ui18n.t("tl.icons[17]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1645,7 +1647,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"qianyinche_s.svg": {
|
|
|
- text: "牵引车侧面",
|
|
|
+ text: ui18n.t("tl.icons[18]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1745,7 +1747,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"shoufutuolaji_p.svg": {
|
|
|
- text: "手扶拖拉机平面",
|
|
|
+ text: ui18n.t("tl.icons[19]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1862,7 +1864,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"shoufutuolaji_s.svg": {
|
|
|
- text: "手扶拖拉机侧面",
|
|
|
+ text: ui18n.t("tl.icons[20]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -1956,7 +1958,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"zhengsanlun_p.svg": {
|
|
|
- text: "正三轮平面",
|
|
|
+ text: ui18n.t("tl.icons[21]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2028,7 +2030,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"zhengsanlun_s.svg": {
|
|
|
- text: "正三轮侧面",
|
|
|
+ text: ui18n.t("tl.icons[22]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
//// ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2085,7 +2087,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"fjdc_canjiren_s.svg": {
|
|
|
- text: "残疾人用车侧面",
|
|
|
+ text: ui18n.t("tl.icons[23]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2122,7 +2124,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"fjdc_renliche.svg": {
|
|
|
- text: "人力车",
|
|
|
+ text: ui18n.t("tl.icons[24]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2200,7 +2202,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"fjdc_sanlunche.svg": {
|
|
|
- text: "三轮车",
|
|
|
+ text: ui18n.t("tl.icons[25]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2284,7 +2286,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jtxx_fengxb.svg": {
|
|
|
- text: "风向标",
|
|
|
+ text: ui18n.t("tl.icons[26]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2328,7 +2330,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jtxx_fangxb.svg": {
|
|
|
- text: "方向标",
|
|
|
+ text: ui18n.t("tl.icons[27]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2405,7 +2407,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"rt_shit.svg": {
|
|
|
- text: "尸体",
|
|
|
+ text: ui18n.t("tl.icons[28]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2476,7 +2478,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"sc_sc.svg": {
|
|
|
- text: "牲畜",
|
|
|
+ text: ui18n.t("tl.icons[29]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2514,7 +2516,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"rt_st.svg": {
|
|
|
- text: "伤体",
|
|
|
+ text: ui18n.t("tl.icons[30]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2597,7 +2599,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jtxx_ryydfx.svg": {
|
|
|
- text: "人员运动方向",
|
|
|
+ text: ui18n.t("tl.icons[31]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2644,7 +2646,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"sc_shangc.svg": {
|
|
|
- text: "伤畜",
|
|
|
+ text: ui18n.t("tl.icons[32]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2694,7 +2696,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"fjdc_canjiren_p.svg": {
|
|
|
- text: "残疾人用车平面",
|
|
|
+ text: ui18n.t("tl.icons[33]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2756,7 +2758,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jtxx_jdcxsfx.svg": {
|
|
|
- text: "机动车行驶方向",
|
|
|
+ text: ui18n.t("tl.icons[34]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2791,7 +2793,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"fjdc_zixingche.svg": {
|
|
|
- text: "自行车",
|
|
|
+ text: ui18n.t("tl.icons[35]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2913,7 +2915,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jtxx_fjdcxsfx.svg": {
|
|
|
- text: "非机动车行驶方向",
|
|
|
+ text: ui18n.t("tl.icons[36]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -2960,7 +2962,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"jtxx_jcd.svg": {
|
|
|
- text: "接触点",
|
|
|
+ text: ui18n.t("tl.icons[37]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -3002,7 +3004,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"rt_rt.svg": {
|
|
|
- text: "人体",
|
|
|
+ text: ui18n.t("tl.icons[38]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -3073,7 +3075,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"fjdc_xuliche.svg": {
|
|
|
- text: "畜力车",
|
|
|
+ text: ui18n.t("tl.icons[39]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -3163,7 +3165,7 @@ const SVGIcons = {
|
|
|
},
|
|
|
},
|
|
|
"sc_shic.svg": {
|
|
|
- text: "死畜",
|
|
|
+ text: ui18n.t("tl.icons[40]"),
|
|
|
draw: function (ctx, fillStyle, strokeStyle) {
|
|
|
ctx.save();
|
|
|
ctx.strokeStyle = "rgba(0,0,0,0)";
|
|
|
@@ -4134,19 +4136,25 @@ const SVGIcons = {
|
|
|
|
|
|
export const structureTypeKeys = [
|
|
|
{
|
|
|
- type: "道路结构",
|
|
|
- children: ["lunshituolaji_p.svg", "zhengsanlun_s.svg", "chemotuoche_p.svg", "dianche_p.svg", "keche_s.svg"],
|
|
|
+ type: ui18n.t("tl.icons[41]"),
|
|
|
+ children: [
|
|
|
+ "lunshituolaji_p.svg",
|
|
|
+ "zhengsanlun_s.svg",
|
|
|
+ "chemotuoche_p.svg",
|
|
|
+ "dianche_p.svg",
|
|
|
+ "keche_s.svg",
|
|
|
+ ],
|
|
|
},
|
|
|
];
|
|
|
|
|
|
// ['lunshituolaji_p.svg', 'zhengsanlun_s.svg']
|
|
|
export const imageTypeKeys = [
|
|
|
{
|
|
|
- type: "常用名称",
|
|
|
+ type: ui18n.t("tl.icons[42]"),
|
|
|
children: [],
|
|
|
},
|
|
|
{
|
|
|
- type: "机动车",
|
|
|
+ type: ui18n.t("tl.icons[43]"),
|
|
|
children: [
|
|
|
"lunshituolaji_p.svg",
|
|
|
"zhengsanlun_s.svg",
|
|
|
@@ -4172,16 +4180,38 @@ export const imageTypeKeys = [
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- type: "非机动车",
|
|
|
- children: ["erlunmotuoche.svg", "fjdc_canjiren_p.svg", "fjdc_canjiren_s.svg", "fjdc_renliche.svg", "fjdc_sanlunche.svg", "fjdc_xuliche.svg", "fjdc_zixingche.svg"],
|
|
|
+ type: ui18n.t("tl.icons[44]"),
|
|
|
+ children: [
|
|
|
+ "erlunmotuoche.svg",
|
|
|
+ "fjdc_canjiren_p.svg",
|
|
|
+ "fjdc_canjiren_s.svg",
|
|
|
+ "fjdc_renliche.svg",
|
|
|
+ "fjdc_sanlunche.svg",
|
|
|
+ "fjdc_xuliche.svg",
|
|
|
+ "fjdc_zixingche.svg",
|
|
|
+ ],
|
|
|
},
|
|
|
{
|
|
|
- type: "人体、牲畜",
|
|
|
- children: ["rt_rt.svg", "rt_shit.svg", "rt_st.svg", "sc_sc.svg", "sc_shangc.svg", "sc_shic.svg"],
|
|
|
+ type: ui18n.t("tl.icons[45]"),
|
|
|
+ children: [
|
|
|
+ "rt_rt.svg",
|
|
|
+ "rt_shit.svg",
|
|
|
+ "rt_st.svg",
|
|
|
+ "sc_sc.svg",
|
|
|
+ "sc_shangc.svg",
|
|
|
+ "sc_shic.svg",
|
|
|
+ ],
|
|
|
},
|
|
|
{
|
|
|
- type: "地面标志及交通现象",
|
|
|
- children: ["jtxx_fangxb.svg", "jtxx_fengxb.svg", "jtxx_fjdcxsfx.svg", "jtxx_jcd.svg", "jtxx_jdcxsfx.svg", "jtxx_ryydfx.svg"],
|
|
|
+ type: ui18n.t("tl.icons[46]"),
|
|
|
+ children: [
|
|
|
+ "jtxx_fangxb.svg",
|
|
|
+ "jtxx_fengxb.svg",
|
|
|
+ "jtxx_fjdcxsfx.svg",
|
|
|
+ "jtxx_jcd.svg",
|
|
|
+ "jtxx_jdcxsfx.svg",
|
|
|
+ "jtxx_ryydfx.svg",
|
|
|
+ ],
|
|
|
},
|
|
|
// // 道路结构
|
|
|
// {
|