辐射圈


产品介绍

辐射圈展示围绕坐标点的圆形辐射区域,适用于表示影响范围,也常用于突出表现目标点。




使用说明

• 创建辐射圈

//创建地图
var map = new TMap.Map("container", {
    center: new TMap.LatLng(40.046598363138266, 116.28675579028959), //设置地图中心点坐标
});

//创建辐射圈
var radiationCircle = new TMap.visualization.Radiation({
    styles: {
        style2: {
        fillColor: "rgba(29,250,242,0.9)", //设置辐射圈填充颜色
        },
    },
    processAnimation: {
        duration: 3000, //辐射圈半径从0动态过渡到最大半径的时长,单位为ms
    },
}).addTo(map);

//设置辐射圈数据
radiationData = [
    {
    center: new TMap.LatLng(39.947956, 116.193726, 0),
    radius: 600,
    styleId: "style1" //设置辐射圈样式配置id
    },
    {
    center: new TMap.LatLng(39.959471, 116.431851, 0),
    radius: 2000,
    styleId: "style2" //设置辐射圈样式配置id
    },
];

radiationCircle.setData(radiationData)

参考手册 | 查看示例

本页内容