JudeHu / maptalks.trendArrow

maptalks trendArrow support

maptalks.trendArrow

maptalks trendArrow-style support, extend from maptalks smoothLineString(maptalks@^0.37.0-0.39.0)

Usage

Demo

trendArrow

var layer = new maptalks.VectorLayer('vector').addTo(map);
var trendArrowLine = new maptalks.LineString(
		[
			map.getCenter().add(0.1, 0.1),
			map.getCenter().add(-0.1, 0.1),
			map.getCenter().add(-0.1, -0.1),
			map.getCenter().add(0.5, -0.1)
		], 
		{
		  	smoothness: 0.7,
          		arrowStyle : 'trend', 	// trendArrow style
          		symbol:{		// trendArrow Paint-Style(same with linestring paint-style)
            			'lineColor' : 'red',
            			'lineWidth' : 12,
				'lineOpacity': 0.9
         		 }
        	}
	).addTo(layer);

sharpArrow

var layer = new maptalks.VectorLayer('vector').addTo(map);
var trendArrowLine = new maptalks.LineString(
		[
			map.getCenter().add(0.1, 0.1),
			map.getCenter().add(-0.1, 0.1),
			map.getCenter().add(-0.1, -0.1),
			map.getCenter().add(0.5, -0.1)
		], 
		{
		  	smoothness: 0.7,
          		arrowStyle : 'sharp', 	// sharpArrow style
			arrowPlacement: 'point',// vertex-firstlast, vertex-first, vertex-last, vertex-firstlast, point
          		symbol:{		
            			'lineColor' : 'red',
            			'lineWidth' : 3,
				'lineOpacity': 0.9
         		 }
        	}
	).addTo(layer);

License

MIT License.