区域图

区域图可以将用户自定义轮廓数据通过二维面块进行呈现,支持多边形、带洞多边形,适用于展示区域分布,也可以通过区域色彩填充来表现数据对比。



创建区域图

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

//设置区域数据
paths = [
    {
    path:[40.044908, 116.28292, 40.045069, 116.283019, 40.045177, 116.283158, 40.04527, 116.283311, 40.045317, 116.283486],
    styleId:"styel1"
    },
    {
    path:[40.051751, 116.288379, 40.051908, 116.289468, 40.051894, 116.289548, 40.051847, 116.289586, 40.050994, 116.289776, 40.050929, 116.289746, 40.050899, 116.289688],
    styleId:"styel2"
    },
];

//创建区域图
var area = new TMap.visualization.Area({
    styles: { //设置区域图样式
        styel1: {
            fillColor: 'rgba(56,124,234,0.8)', //设置区域填充色
            strokeColor: '#6799EA' //设置区域边线颜色,
        }, 
        styel2: {
            fillColor: 'rgba(56,124,234,0.5)', //设置区域填充色
            strokeColor: '#6799EA' //设置区域边线颜色
        },
    }
}).setData(paths).addTo(map)

参考手册 | 查看示例

这篇文章对您解决问题是否有帮助?

已解决
未解决