DivIcon
概述
轻量级的icon,用div元素替换图片作为Marker
用法示例
var myIcon = FMap.divIcon({className: 'my-div-icon'});
// 可在CSS中设置.my-div-icon的样式
FMap.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
//默认情况下,拥有一个'hdmap-div-icon'的类名,样式为有白色阴影的方块
创建(Creation)
创建:
创建 | 描述 |
---|---|
FMap.divIcon( <DivIcon options> options ) | 根据给定的options创建一个div icon |
选项(Options)
选项:
选项 | 类型 | 描述 |
---|---|---|
iconSize | Point | 像素大小的icon图标,可通过CSS设置 |
iconAnchor | Point | 设置图标的中心点,默认是左上角 |
popupAnchor | Point | popup打开时的坐标点,相对于iconAnchor |
className | String | 设置icon与阴影的classname,默认为'hdmap-div-icon' |
html | String | 放置div元素的HTML代码块,默认为空 |