[从头学数学] 第48节 位置与方向（一）

剧情提要：
[机器小伟]在[工程师阿伟]的陪同下进入练气期第六层功法的修炼，
这次要修炼的目标是[位置与方向（一）]。

正剧开始：

星历2016年01月16日 16:11:02, 银河系厄尔斯星球中华帝国江南行省。
[工程师阿伟]正在和[机器小伟]一起进入了全新一层的功法修炼，这次[机器小伟]看到了简易地图的概念。

[工程师阿伟]小时候，有一首歌叫做《我爱北京天安门》，现在不知道还有没有小朋友会唱了。

16:12:59, 小伟看到了天安门可以这样用地图来表示：

然后就要来做题了，这次，[工程师阿伟]]又给小伟一件工具，叫做指南针，有了它，小伟辨认方向毫不费劲。

<span style="font-size:18px;">function myDraw() {  
    var config = new PlotConfiguration();  
    config.init();  
    config.setPreference(); 
	config.setSector(1,1,1,1);
 
    //config.axis2D(0, 0, 180);  	
	
	var r = 10;
	var R = 70;
	
	var ruler = new Ruler();
	ruler.compass(R, 0, 0, 0);
	
	ruler.compass(R, 50, -100);
	ruler.compass(R, -100, 50, Math.PI/3);
	ruler.compass(1.5*R, 150, 100, -Math.PI/10);

}

/**
* @usage   指南针
* @author  mw
* @date    2016年01月16日  星期六  15:36:25 
* @param
* @return
*
*/

//Compass 指南针

	this.compass = function(r0, x, y, rot) {
		r0 = r0 ? r0 : 100;
		
		var r = 10 * r0 / 100;
		var R = 50 * r0 / 100;

		plot.save()
			.translate(x, y)
			.rotate(-rot);
			
		for (var i = 0; i < 8; i++) {
			plot.setStrokeStyle('orange')
				.setLineWidth(5)
				.beginPath()
				.moveTo(0, 0)
				.lineTo(R*Math.cos(Math.PI/4*i), -R*Math.sin(Math.PI/4*i))
				.closePath()
				.stroke();	
			shape.fillDraw(shape.nEdge(R*Math.cos(Math.PI/4*i),
										-R*Math.sin(Math.PI/4*i), r, 3, 
										Math.PI/4*i-Math.PI/2), 'red');

		}		
		
		var lable = ['E', 'NE', 'N', 'NW', 'W', 'SW', 'S', 'SE'];
		var text = ['东', '东北', '北', '西北', '西', '西南', '南', '东南'];
		for (var i = 0; i < 8; i++) {
			plot.fillText(text[i], -10+R*1.5 * Math.cos(Math.PI/4*i), 
							5-R*1.5 * Math.sin(Math.PI/4*i), 20);
		}
		shape.strokeCircle(0, 0, R*1.9);
	
		plot.restore();
	}</span>

转眼间，小伟就学完了这一节，因为只有八个方位的词，却有这么多漂亮的地图，学起来真是轻松又有趣。

本节到此结束，欲知后事如何，请看下回分解。