Appearance
Circle
Circle
构造圆形覆盖物(需在地图加载完成后),通过CircleOptions设置圆形
Examples
javascript
const circle = new DiMap.Circle({
map: map,
center: [116.405467, 39.907761],
radius: 1000,
strokeColor: "#006600",
strokeOpacity: 1,
strokeWeight: 2,
fillColor: "#006600",
fillOpacity: 1,
userData: {},
});
circle.show();constructor
Parameters
optionsCircleOptions 圆形选项
setCenter
设置中心点
Parameters
centerLngLatLike 中心点
Returns this
getCenter
获取中心点
Returns LngLatLike 中心点
getBounds
获取圆形代表的矩形范围
Returns LngLatBounds 矩形范围
setRadius
设置半径
Parameters
radiusnumber 半径
Returns this
getRadius
获取半径
Returns number 半径
contains
判断点是否在圆内
Parameters
pointLngLatLike 点
Returns boolean 是否在圆内
CircleOptions
圆形属性
Properties
| 参数名 | 必选 | 类型 | 描述 |
|---|---|---|---|
map | 是 | Map | 地图实例 |
center | 是 | LngLatLike | 中心点 |
radius | 是 | number | 半径 |
strokeColor | 否 | string | 边框颜色 |
strokeOpacity | 否 | number | 边框透明度 |
strokeWeight | 否 | number | 边框宽度 |
fillColor | 否 | string | 填充颜色 |
fillOpacity | 否 | number | 填充透明度 |
userData | 否 | Record<string, any> | 用户自定义数据对象 |