diff --git a/public/components/inspection/inspectionTaskMap/inspectionTaskMap.js b/public/components/inspection/inspectionTaskMap/inspectionTaskMap.js index b17a6c919..8e012fc99 100644 --- a/public/components/inspection/inspectionTaskMap/inspectionTaskMap.js +++ b/public/components/inspection/inspectionTaskMap/inspectionTaskMap.js @@ -86,15 +86,24 @@ _pos.forEach(_m => { try { let center = new TMap.LatLng(_m.lat, _m.lng); + let _markerStyle = 'myStyle'; + if(_m.state == '20200405'){ + _markerStyle = 'myStyle_red'; + } _geometriesMarker.push({ "id": _m.inspectionId, //点标记唯一标识,后续如果有删除、修改位置等操作,都需要此id - "styleId": 'myStyle', //指定样式id + "styleId": _markerStyle, //指定样式id "position": center, //点标记坐标位置 }); + let _layerStyle = 'label'; + if(_m.state == '20200405'){ + _layerStyle = 'label_red'; + } + _geometriesLabel.push({ 'id': 'label_' + _m.inspectionId, //点图形数据的标志信息 - 'styleId': 'label', //样式id + 'styleId': _layerStyle, //样式id 'position': center, //标注点位置 // 'content': _m.staffName, //标注文本 'content': _m.inspectionName @@ -112,7 +121,14 @@ "myStyle": new TMap.MarkerStyle({ "width": 25, // 点标记样式宽度(像素) "height": 35, // 点标记样式高度(像素) - "src": '/img/maper.png', //图片路径 + "src": '/img/inspection.png', //图片路径 + //焦点在图片中的像素位置,一般大头针类似形式的图片以针尖位置做为焦点,圆形点以圆心位置为焦点 + "anchor": { x: 32, y: 32 } + }), + "myStyle_red": new TMap.MarkerStyle({ + "width": 25, // 点标记样式宽度(像素) + "height": 35, // 点标记样式高度(像素) + "src": '/img/inspection_do.png', //图片路径 //焦点在图片中的像素位置,一般大头针类似形式的图片以针尖位置做为焦点,圆形点以圆心位置为焦点 "anchor": { x: 32, y: 32 } }) @@ -133,6 +149,14 @@ 'angle': 0, //文字旋转属性 'alignment': 'center', //文字水平对齐属性 'verticalAlignment': 'middle' //文字垂直对齐属性 + }), + 'label_red': new TMap.LabelStyle({ + 'color': '#CC0000', //颜色属性 + 'size': 20, //文字大小属性 + 'offset': { x: 0, y: 15 }, //文字偏移属性单位为像素 + 'angle': 0, //文字旋转属性 + 'alignment': 'center', //文字水平对齐属性 + 'verticalAlignment': 'middle' //文字垂直对齐属性 }) }, //文字标记数据 @@ -150,7 +174,14 @@ 'borderWidth': 5, //边线宽度 'borderColor': '#FFF', //边线颜色 'lineCap': 'butt' //线端头方式 - }) + }), + 'style_red': new TMap.PolylineStyle({ + 'color': '#CC0000', //线填充色 + 'width': 6, //折线宽度 + 'borderWidth': 5, //边线宽度 + 'borderColor': '#FFF', //边线颜色 + 'lineCap': 'butt' //线端头方式 + }), }, //折线数据定义 geometries: [ @@ -158,6 +189,11 @@ 'id': 'pl_1',//折线唯一标识,删除时使用 'styleId': 'style_blue',//绑定样式名 'paths': _path + }, + {//第1条线 + 'id': 'pl_2',//折线唯一标识,删除时使用 + 'styleId': 'style_red',//绑定样式名 + 'paths': _path } ] }); diff --git a/public/img/inspection.png b/public/img/inspection.png new file mode 100644 index 000000000..b42838dbf Binary files /dev/null and b/public/img/inspection.png differ diff --git a/public/img/inspection_do.png b/public/img/inspection_do.png new file mode 100644 index 000000000..61ea44f9c Binary files /dev/null and b/public/img/inspection_do.png differ