最近的一個項目用到了百度地圖API里邊的infoWindow彈框，但是百度自帶的infoWindow彈框是個直角的矩形框，顯示過于難看，于是有了將該框改為圓角的想法，但是API本身不支持樣式的設置，所以我最終選擇在弄清頁面生成的彈框html元素后，自己來給他們定義css，以達到圓角效果，如下是我的css樣式

?

/*地圖標題*/.anchorBL{display:none;}.BMap_bubble_title{color:black;font-size:13px;font-weight: bold;text-align:left;}.BMap_pop div:nth-child(1){border-radius:7px 0 0 0;}.BMap_pop div:nth-child(3){border-radius:0 7px 0 0;background:#ABABAB;;/*background: #ABABAB;*/width:23px;width:0px;height;0px;}.BMap_pop div:nth-child(3) div{border-radius:7px;}.BMap_pop div:nth-child(5){border-radius:0 0 0 7px;}.BMap_pop div:nth-child(5) div{border-radius:7px;}.BMap_pop div:nth-child(7){border-radius:0 0 7px 0 ;}.BMap_pop div:nth-child div(7){border-radius:7px ;}

?

總結

以上是生活随笔為你收集整理的百度地图infoWindow圆角处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。