|
@@ -348,7 +348,8 @@
|
|
|
zbptlist: [
|
|
|
],
|
|
|
map: {},
|
|
|
- complementDetailId: []
|
|
|
+ complementDetailId: [],
|
|
|
+ allZbList: []
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -379,6 +380,50 @@
|
|
|
}
|
|
|
this.imgUrl = imgurl;
|
|
|
},
|
|
|
+ showallZblist() {
|
|
|
+ var that = this;
|
|
|
+ if (!that.allZbList.length) return
|
|
|
+ that.allZbList.forEach(function (item) {
|
|
|
+ let arr = item.complementPoint.split(',');
|
|
|
+ let p = new BMap.Point(arr[0], arr[1]);
|
|
|
+ var myIcon = new BMap.Icon("images/addrzb.png", new BMap.Size(23, 25), {
|
|
|
+ offset: new BMap.Size(10, 25), // 指定定位位置
|
|
|
+ });
|
|
|
+ let marker = new BMap.Marker(p, { icon: myIcon });
|
|
|
+ marker.id = "zbId";
|
|
|
+ that.map.addOverlay(marker);
|
|
|
+ var opts = {
|
|
|
+ position: new BMap.Point(arr[0], arr[1]), // 指定文本标签所在的地理位置
|
|
|
+ offset: new BMap.Size(10, 10) // 设置文本偏移量
|
|
|
+ };
|
|
|
+ // 创建文本标签对象,并添加到地图
|
|
|
+ var label = new BMap.Label(item.complementName, opts);
|
|
|
+ // 自定义文本标签样式
|
|
|
+ label.setStyle({
|
|
|
+ color: "#186FF0",
|
|
|
+ fontSize: "16px",
|
|
|
+ height: "auto",
|
|
|
+ lineHeight: "20px",
|
|
|
+ fontFamily: "微软雅黑",
|
|
|
+ fontWeight: 'bold',
|
|
|
+ backgroundColor: 'transparent',
|
|
|
+ border: 'none',
|
|
|
+ // textShadow: '0 0 4px #4B97F5',
|
|
|
+ // textStrokeColor: "#4B97F5", // 文本描边颜色
|
|
|
+ // textStrokeWidth: "4px", // 文本描边宽度
|
|
|
+ });
|
|
|
+ marker.setLabel(label);
|
|
|
+ label.setStyle({ display: "none" });
|
|
|
+ marker.addEventListener("mouseover", function (e) {
|
|
|
+ var label = this.getLabel()
|
|
|
+ label.setStyle({ display: "block" });
|
|
|
+ });
|
|
|
+ marker.addEventListener("mouseout", function (e) {
|
|
|
+ var label = this.getLabel()
|
|
|
+ label.setStyle({ display: "none" });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
showZblist(name) {
|
|
|
var complementDetailId = this.complementDetailId;
|
|
|
var that = this;
|
|
@@ -431,6 +476,15 @@
|
|
|
// textStrokeWidth: "4px", // 文本描边宽度
|
|
|
});
|
|
|
marker.setLabel(label);
|
|
|
+ label.setStyle({ display: "none" });
|
|
|
+ marker.addEventListener("mouseover", function (e) {
|
|
|
+ var label = this.getLabel()
|
|
|
+ label.setStyle({ display: "block" });
|
|
|
+ });
|
|
|
+ marker.addEventListener("mouseout", function (e) {
|
|
|
+ var label = this.getLabel()
|
|
|
+ label.setStyle({ display: "none" });
|
|
|
+ });
|
|
|
});
|
|
|
|
|
|
}
|
|
@@ -485,7 +539,7 @@
|
|
|
mdata.typeName = data.data.typeName ? data.data.typeName : []
|
|
|
that.complementDetailId = data.data.complement;
|
|
|
that.ztcrDetail = mdata;
|
|
|
- console.log(that.ztcrDetail)
|
|
|
+ that.allZbList = data.data.complementDetails;
|
|
|
if (that.ztcrDetail.contactName && that.ztcrDetail.contactName.split(',').length > 1) {
|
|
|
that.ztcrDetail.contactNameList = that.ztcrDetail.contactName.split(',')
|
|
|
that.ztcrDetail.contactPhoneList = that.ztcrDetail.contactPhone.split(',')
|
|
@@ -520,6 +574,7 @@
|
|
|
that.imgUrl = that.swiperList[0];
|
|
|
let points = mdata.parkData.addr;
|
|
|
that.loadMap(points, mdata.point, mdata.namePoint, mdata.centerPoint);
|
|
|
+ that.showallZblist();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -568,7 +623,7 @@
|
|
|
pList.forEach(function (point) {
|
|
|
let arr = point.split(',');
|
|
|
let p = new BMap.Point(arr[0], arr[1]);
|
|
|
- var myIcon = new BMap.Icon("images/addrzt.png", new BMap.Size(23, 25), {
|
|
|
+ var myIcon = new BMap.Icon("images/addrzt.png", new BMap.Size(40, 40), {
|
|
|
offset: new BMap.Size(10, 25), // 指定定位位置
|
|
|
});
|
|
|
let marker = new BMap.Marker(p, { icon: myIcon });
|