DivIcon

使用< div >的轻量级图标。从Icon继承,但忽略图标url和阴影选项。用来创建Marker

示例

//创建文字标签
var myDivIcon = W.divIcon({
    html:"<div>文字</div>",
    iconSize:[32,16],
    iconAnchor:[14,0]})
    ;
//文字标签添加到地图上
var label =  W.marker([39.908719,116.590879], {icon: myDivIcon}).addTo(map);

构造函数

工厂 描述
W.divIcon(< DivIcon options > options) 定义div图标

构造选项

选项名 类型 默认值 描述
html String "" 标签内容
bgPos Point [0, 0] 相对于背景的位置
iconSize Point null Div标签尺寸,单位为像素
iconAnchor Point null 不设置,默认Div的中心点对应Marker的地理坐标位置。设置为(0,0)是Div的左上角对应Marker的地理坐标位置,设置偏移量来达到Div特定位置指向Marker的地理坐标位置,单位是像素。如:大小为22*32像素的Div,要将Div中心点对准地理坐标位置,iconAnchor应该设置为(11,16)
popupAnchor Point null 指定弹出气泡的位置,默认气泡指向Marker的地理坐标位置
className String " " 自定义类名

results matching ""

    No results matching ""