From 973b40c74332da84701dac237675737dbc0b1b85 Mon Sep 17 00:00:00 2001 From: dai <851733175@qq.com> Date: Wed, 20 Jul 2022 17:59:26 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=A7=E7=BB=AD=E4=BD=BF=E7=94=A8=E5=8A=9F?= =?UTF-8?q?=E8=83=BD=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/shuju/grid/pos-green2.png | Bin 0 -> 3807 bytes src/assets/img/shuju/grid/pos-red2.png | Bin 0 -> 3310 bytes src/assets/img/shuju/grid/pos-yellow2.png | Bin 0 -> 3628 bytes src/views/modules/visual/test/l7.vue | 96 ++++++++++++++++++---- 4 files changed, 80 insertions(+), 16 deletions(-) create mode 100644 src/assets/img/shuju/grid/pos-green2.png create mode 100644 src/assets/img/shuju/grid/pos-red2.png create mode 100644 src/assets/img/shuju/grid/pos-yellow2.png diff --git a/src/assets/img/shuju/grid/pos-green2.png b/src/assets/img/shuju/grid/pos-green2.png new file mode 100644 index 0000000000000000000000000000000000000000..7162005f509e101e0bdba7e254b263f190afe1c8 GIT binary patch literal 3807 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 VtS^drNDlx2002ovPDHLkV1h3zb6NlZ literal 0 HcmV?d00001 diff --git a/src/assets/img/shuju/grid/pos-red2.png b/src/assets/img/shuju/grid/pos-red2.png new file mode 100644 index 0000000000000000000000000000000000000000..1f2faa80dc1cd179fb7626804e9c1bb197a2be8f GIT binary patch literal 3310 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 { + // 底图服务 + // const baseLayer = new RasterLayer({ + // zIndex: 1, + // }); + // baseLayer.source( + // "https://t1.tianditu.gov.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd", + // { + // parser: { + // type: "rasterTile", + // tileSize: 256, + // // minZoom: 6, + // // maxZoom: 15, + // zoomOffset: 0, + // }, + // } + // ); + + // // 注记服务 + // const annotionLayer = new RasterLayer({ + // zIndex: 2, + // }); + // annotionLayer.source( + // "https://t1.tianditu.gov.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}&tk=6557fd8a19b09d6e91ae6abf9d13ccbd", + // { + // parser: { + // type: "rasterTile", + // tileSize: 256, + // // minZoom: 6, + // // maxZoom: 15, + // zoomOffset: 0, + // }, + // } + // ); + + // scene.addLayer(baseLayer); + // scene.addLayer(annotionLayer); + const polygon = [ ...srcMapData.children .filter((item) => item.coordinates.length > 0) @@ -235,9 +288,9 @@ export default { }) .source({ type: "FeatureCollection", features: polygon }) .shape("name", ["pos-red", "pos-green", "pos-yellow"]) - .size(14) + .size(12) .style({ - offsets: [0, 10], // 文本相对锚点的偏移量 [水平, 垂直] + offsets: [0, 8], // 文本相对锚点的偏移量 [水平, 垂直] // rotation: 60, layerType: "fillImage", }); @@ -256,7 +309,7 @@ export default { .size(16) .style({ textAnchor: "center", // 文本相对锚点的位置 center|left|right|top|bottom|top-left - textOffset: [0, 45], // 文本相对锚点的偏移量 [水平, 垂直] + textOffset: [0, 40], // 文本相对锚点的偏移量 [水平, 垂直] spacing: 2, // 字符间距 padding: [1, 1], // 文本包围盒 padding [水平,垂直],影响碰撞检测结果,避免相邻文本靠的太近 stroke: "#ffffff", // 描边颜色 @@ -312,7 +365,7 @@ export default { sweepCenter: [120.145319, 30.238915], }, }); - // scene.addLayer(pointLayer); + // scene.addLayer(pointLayer); }); // const textFeatures = [ @@ -389,6 +442,17 @@ export default { rotation: 0, layerType: "fillImage", }); + + dotLayer.on("mousemove", (e) => { + console.log(e); + const popup = new Popup({ + offsets: [0, -0], + closeButton: false, + }) + .setLnglat(e.feature.geometry.coordinates) + .setHTML(`类型: ${e.feature.properties.categoryKey}`); + scene.addPopup(popup); + }); scene.addLayer(dotLayer); },