javascript
marker.content = "<p class='cardsBg'></p>";
css
.cardsBg {
width: 246px;
height: 426px;
background: url(../images/cards.png) no-repeat center center;
}
其中cards.png为整个弹出模态框的背景图片,做到这一步。仍旧会自带高德地图的样式,需要增加一个强制CSS样式表内容,来覆盖掉高德自带的样式。
css
/*高德地图弹出框*/
.amap-info-content {
background: transparent !important;
}
lockdatav Done !