showscenicPoints() {
var icon = new AMap.Icon({
size: new AMap.Size(35, 45), // 图标尺⼨
image: "/images/scenic.png" // Icon的图像
});
// console.log(this.scenicList);
this.scenicList.forEach((element, i) => {
// console.log(element);
自动扶梯装饰if (element.latitude != "") {数字电视接收器
var marker = new AMap.Marker({
position: new AMap.LngLat(element.longitude, element.latitude),
offset: new AMap.Pixel(-10, -10),
icon: icon // 添加 Icon 实例
// title:element.scenicName
});机柜空调器
marker.title = element.scenicName;
marker.imgUrl = element.pictureAddress;
marker.address = element.scenicAddress;
滚动体if (this.scenicTourist[i].num == undefined) {
} else {
}
<("click", this.markerScenicClick);
this.allscenicPoints.push(marker);
}
});
this.map.add(this.allscenicPoints);
var that = this;
this.map.plugin(["AMap.MarkerClusterer"], function() {
// console.log(that.allscenicPoints);
new AMap.MarkerClusterer(
that.map, // 地图实例
that.allscenicPoints // 海量点组成的数组
);
});
},
// 创建信息窗⼝
多媒体控制器
markerClick(e) {
油砂
if (e.target.imgUrl == null) {
var content = [
"<div style='display:flex;height:80px;font-size:14px'>",
"<div style='width:80px;height:60px'>",
"<img style='width:100%;height:100%' src='smsycs.hxxpl/2019/201912191545286185117.png'></div>", "<p style='padding-left:5px;margin-top:15px'>地址：" +
e.target.address +
"</p>",
"</div>"
];
} else {
var content = [
"<div style='display:flex;height:80px;font-size:14px'>",
"<div style='width:80px;height:60px'>",
"<img style='width:100%;height:100%' src='" +
e.target.imgUrl +
"'></div>",
"<p style='padding-left:5px;margin-top:15px'>地址：" +
e.target.address +
"</p>",
"</div>"
];
}
var title = e.target.title;
var title = "<div style='font-size:16px'>" + e.target.title + "</div>";
var infoWindow = new AMap.InfoWindow({
content: title + content.join("<br>")
});
infoWindow.open(this.map, [
Position().lng,
Position().lat
]
);
},
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议