矢量图形

---

矢量图形指绘制在地图上的二维线、面覆盖物， 具有广泛的应用场景。目前支持以下几种矢量图形的构建：

1、折线 MultiPolyline

2、多边形 MultiPolygon

折线 MultiPolyline

MultiPolyline用于构建折线，常用于表现规划线路、行动轨迹、区域边界等。

通过 MultiPolyline 来创建折线，如下所示：

//初始化折线，指定折线绘制到id为map的地图上
var polylineLayer = new TMap.MultiPolyline({
    map: map, //指定绘制到的地图id
    geometries: [{ //设置折线的数据
        paths: [new TMap.LatLng(22.523641,113.934669), new TMap.LatLng(22.522561,113.934206), new TMap.LatLng(22.521928,113.93477)]
    }]
});

我们还可以对折线的样式进行样式自定义，包含线条宽度、填充色，泛光，如下所示：

//初始化折线，设置图层id，指定显示在id为map的地图上
var polylineLayer = new TMap.MultiPolyline({
    id: 'polyline', //设置图层唯一id
    map: map,//指定绘制到的地图id
    
    //自定义两组样式
    styles: {
        //第一组样式
        'style_blue': new TMap.PolylineStyle({
        color: '#3777FF', //线填充色
        width: 6, //折线宽度
    }),
        //第二组样式
        'style_red': new TMap.PolylineStyle({
        color: '#CC0000', 
        width: 6, 
    })
},

    //设置折线的数据，并为每条线配置不同的样式
    geometries: [
        {//第1条线
        id: 'pl_1', //设置折线唯一id，可用于删除等
        styleId: 'style_blue',//绑定样式id,对应上面第一组样式
        paths: [new TMap.LatLng(22.523641,113.934669), new TMap.LatLng(22.522561,113.934206), new TMap.LatLng(22.521928,113.93477)]
        },
        {//第2条线
        id: 'pl_2',	
        'styleId': 'style_red', //绑定样式id,对应上面第二组样式
        paths: [new TMap.LatLng(22.522152,113.932412), new TMap.LatLng(22.521835,113.933722), new TMap.LatLng(22.520737,113.933319)]
        }
    ]
});

多边形 MultiPolygon

MultiPolygon 用于构造平面多边形， 平面多边形常用于呈现区域分布图。
多边形支持对颜色、边线颜色和宽度等样式的设置。

通过 MultiPolygon 来创建多边形，如下所示：

//初始化多边形，指定绘制在id为map的地图上
var polygon = new TMap.MultiPolygon({
    map: map, //显示多边形图层的底图
},
    geometries: [{ //设置多边形的数据
        paths: [new TMap.LatLng(22.522953,113.93444),  new TMap.LatLng(22.522582,113.93426),  new TMap.LatLng(22.522045,113.934547),  new TMap.LatLng(22.522038,113.935022)],
    }]
});