辐射圈
辐射圈展示围绕坐标点的圆形辐射区域,适用于表示影响范围,也常用于突出表现目标点。
创建辐射圈
//创建地图
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)
参考手册 | 查看示例
|