百度地图infoWindow圆角处理
来源:互联网 发布:阿里云centos命令 编辑:程序博客网 时间:2024/04/30 16:12
最近的一个项目用到了百度地图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 ; }
2 0
- 百度地图infoWindow圆角处理
- 百度地图InfoWindow事件绑定
- 关于百度地图infowindow报错the constructor InfoWindow undefined
- 百度地图3.2.0InfoWindow使用总结
- 百度地图创建InfoWindow自定义View显示
- 百度地图创建InfoWindow自定义View显示
- 百度地图多个InfoWindow同时展示
- 百度地图api 怎么禁止百度自己的InfoWindow
- 百度地图------百度infowindow重影问题记录我的
- 百度地图InfoWindow循环显示不同的信息窗口
- 百度地图覆盖物Marker与infoWindow的使用
- android 百度地图API 使用Marker和InfoWindow
- 关于百度地图bug之一——infowindow重影问题
- Android — 之百度地图定位+添加Mark+InfoWindow
- Android——百度地图弹出详情窗口InfoWindow
- 关于百度地图InfoWindow响应自定义布局点击事件
- 实现地图上显示多mark点,自定义infoWindow,跳转高德地图和百度地图
- 百度地图植入android应用系列教程三实现百度地图上的覆盖物Marker与InfoWindow的使用
- android 中保存图片
- android 电容屏(二):驱动调试之基本概念篇
- js去掉字符串前后空格的五种方法
- openwrt挂载U盘
- 12种设计模式的快速参考
- 百度地图infoWindow圆角处理
- 自定义UITableViewCell (通过XIB:每个CELL形状一样适合用XIB来创建CELL)
- Autolayout在UIScrollView中的使用(一)
- 在iptables防火墙下开启vsftpd的端口
- SDWebImage框架的简介与快速使用
- 怀着对外面世界好向往
- ExtJs--12--Ext定义类的requires uses singleton 三个配置项的使用
- 黑马程序员——Java开山篇
- 【SSH三大框架】Struts2基础第五篇:文件上传