|
@@ -13,6 +13,16 @@
|
|
src="@/assets/images/main/back.png"
|
|
src="@/assets/images/main/back.png"
|
|
style="width: 34px;height: 30px;cursor: pointer;position: absolute;right: 50px;bottom: 50px;"
|
|
style="width: 34px;height: 30px;cursor: pointer;position: absolute;right: 50px;bottom: 50px;"
|
|
/>
|
|
/>
|
|
|
|
+ <div style="position: absolute;right: 20px;bottom: 200px;color: white;user-select: none" v-if="!showBack">
|
|
|
|
+ <div style="display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 46px;margin-bottom: 20px">
|
|
|
|
+ <img src="@/assets/zhang/myMap/blue.png">
|
|
|
|
+ <div>在建</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div style="display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 46px">
|
|
|
|
+ <img src="@/assets/zhang/myMap/orange.png">
|
|
|
|
+ <div>施工</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -189,17 +199,17 @@ export default {
|
|
{ name: "吕梁市", appOrg: "1J001" }
|
|
{ name: "吕梁市", appOrg: "1J001" }
|
|
],
|
|
],
|
|
points: [
|
|
points: [
|
|
- { name: "太原市", coordinate: [111.8493, 37.9570], appOrg: "1A003", x: "1", y: "2" },
|
|
|
|
- { name: "大同市", coordinate: [113.3002, 40.0768], appOrg: "1B001", x: "1", y: "2" },
|
|
|
|
- { name: "阳泉市", coordinate: [113.3805, 38.3563], appOrg: "1C001", x: "1", y: "2" },
|
|
|
|
- { name: "长治市", coordinate: [113.1163, 36.6254], appOrg: "1D001", x: "1", y: "2" },
|
|
|
|
- { name: "晋城市", coordinate: [112.2113, 35.4007], appOrg: "1E001", x: "1", y: "2" },
|
|
|
|
- { name: "朔州市", coordinate: [112.4329, 39.6312], appOrg: "1F001", x: "1", y: "2" },
|
|
|
|
|
|
+ { name: "太原市", coordinate: [111.9393, 37.9570], appOrg: "1A003", x: "1", y: "2" },
|
|
|
|
+ { name: "大同市", coordinate: [113.6802, 39.5768], appOrg: "1B001", x: "1", y: "2" },
|
|
|
|
+ { name: "阳泉市", coordinate: [113.583285, 37.861188], appOrg: "1C001", x: "1", y: "2" },
|
|
|
|
+ { name: "长治市", coordinate: [113.113556, 36.191112], appOrg: "1D001", x: "1", y: "2" },
|
|
|
|
+ { name: "晋城市", coordinate: [112.851274, 35.497553], appOrg: "1E001", x: "1", y: "2" },
|
|
|
|
+ { name: "朔州市", coordinate: [112.4029, 39.3812], appOrg: "1F001", x: "1", y: "2" },
|
|
{ name: "晋中市", coordinate: [113.3827, 37.1870], appOrg: "1K001", x: "1", y: "2" },
|
|
{ name: "晋中市", coordinate: [113.3827, 37.1870], appOrg: "1K001", x: "1", y: "2" },
|
|
- { name: "临汾市", coordinate: [111.1286, 36.2582], appOrg: "1L001", x: "1", y: "2" },
|
|
|
|
- { name: "忻州市", coordinate: [111.7341, 38.7167], appOrg: "1H001", x: "1", y: "2" },
|
|
|
|
- { name: "运城市", coordinate: [111.0069, 35.4264], appOrg: "1M001", x: "1", y: "2" },
|
|
|
|
- { name: "吕梁市", coordinate: [111.1443, 37.1183], appOrg: "1J001", x: "1", y: "2" }
|
|
|
|
|
|
+ { name: "临汾市", coordinate: [111.517973, 36.08415], appOrg: "1L001", x: "1", y: "2" },
|
|
|
|
+ { name: "忻州市", coordinate: [112.703538, 38.43769], appOrg: "1H001", x: "1", y: "2" },
|
|
|
|
+ { name: "运城市", coordinate: [111.003957, 35.022778], appOrg: "1M001", x: "1", y: "2" },
|
|
|
|
+ { name: "吕梁市", coordinate: [111.134335, 37.524366], appOrg: "1J001", x: "1", y: "2" }
|
|
],
|
|
],
|
|
appOrg: "10001",
|
|
appOrg: "10001",
|
|
showBack: false,
|
|
showBack: false,
|
|
@@ -478,32 +488,27 @@ export default {
|
|
position: 'top',
|
|
position: 'top',
|
|
formatter: (params) => // 格式化提示框内容
|
|
formatter: (params) => // 格式化提示框内容
|
|
params.seriesType === "scatter"
|
|
params.seriesType === "scatter"
|
|
- ? `{theStyle|●} {myStyle|${params.data.x}}\n{aStyle|●} {myStyle|${params.data.y}}`
|
|
|
|
|
|
+ ? `{myStyle|${params.data.x}}\n{myStyle|${params.data.y}}`
|
|
: params.name,
|
|
: params.name,
|
|
rich: {
|
|
rich: {
|
|
myStyle: {
|
|
myStyle: {
|
|
color: "#fff", // 文字颜色
|
|
color: "#fff", // 文字颜色
|
|
- fontSize: 17, // 字体大小
|
|
|
|
- lineHeight: 24,
|
|
|
|
- },
|
|
|
|
- theStyle: {
|
|
|
|
- color: "#00ffff", // 文字颜色
|
|
|
|
fontSize: 15, // 字体大小
|
|
fontSize: 15, // 字体大小
|
|
- lineHeight: 24,
|
|
|
|
- },
|
|
|
|
- aStyle: {
|
|
|
|
- color: "#ffb700", // 文字颜色
|
|
|
|
- fontSize: 15, // 字体大小
|
|
|
|
- lineHeight: 15,
|
|
|
|
|
|
+ lineHeight: 19,
|
|
|
|
+ padding: [0, 0, 0, 25]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ backgroundColor: {
|
|
|
|
+ image: require("@/assets/zhang/myMap/bg.png"), // 使用图片背景
|
|
|
|
+ },
|
|
borderColor: "rgba(56,236,250)", // 边框颜色
|
|
borderColor: "rgba(56,236,250)", // 边框颜色
|
|
- backgroundColor: "rgba(228,248,250,0.09)",
|
|
|
|
|
|
+ width: 45,
|
|
|
|
+ height: 38,
|
|
// 发光效果配置:
|
|
// 发光效果配置:
|
|
shadowColor: "rgb(142,241,255)", // 发光颜色
|
|
shadowColor: "rgb(142,241,255)", // 发光颜色
|
|
shadowBlur: 10, // 模糊程度,值越大发光越明显
|
|
shadowBlur: 10, // 模糊程度,值越大发光越明显
|
|
borderWidth: 1,
|
|
borderWidth: 1,
|
|
- padding: [4, 10,2], // 文字内边距(可选)
|
|
|
|
|
|
+ padding: [4, 10, 3], // 文字内边距(可选)
|
|
borderRadius: 2, // 文字框圆角(可选)
|
|
borderRadius: 2, // 文字框圆角(可选)
|
|
},
|
|
},
|
|
data: this.points.map(({ name, coordinate, appOrg, x, y }) => ({
|
|
data: this.points.map(({ name, coordinate, appOrg, x, y }) => ({
|
|
@@ -528,7 +533,7 @@ export default {
|
|
type: "scatter", // 散点图(用于标注特殊位置)
|
|
type: "scatter", // 散点图(用于标注特殊位置)
|
|
coordinateSystem: "geo", // 使用 `geo` 作为坐标系
|
|
coordinateSystem: "geo", // 使用 `geo` 作为坐标系
|
|
name: "center",
|
|
name: "center",
|
|
- symbol: "image://" + require("@/assets/zhang/myMap//building.png"),
|
|
|
|
|
|
+ symbol: "image://" + require("@/assets/zhang/myMap/building.png"),
|
|
symbolSize: 40, // 标记的大小
|
|
symbolSize: 40, // 标记的大小
|
|
data: [{
|
|
data: [{
|
|
name: "山西省公司(本部)",
|
|
name: "山西省公司(本部)",
|