EduCoder （头歌）共享单车之数据可视化

第1关：绘制地图

// 图片与题目无关，可以忽略//

 (本人是菜鸟一枚，如果发现错误，属于正常，希望各位大佬批评指正！)

编程要求:

在右侧编辑器补充代码，绘制出一条河北省保定市雄县（经纬度为116.10，38.98）一共享单车使用的路程线，具体信息如下：

1.起点经纬度为（39.04607，116.233093）；

2.终点经纬度为（39.041691，116.235352）；

3.要求设置路程线为红色，宽度为**3,透明度为0.5**;

4.给起点和终点都创建标注，描述起点为乡里乡情铁锅炖南228米，终点为擎天矿用材料有限公司北609米，要求设置的字体大小为**20**；

5.调用提供绘制箭头函数addArrow函数添加**r=10，angle=Math.PI/7**的箭头。

注意：直接使用已定义的变量，且已定义的变量名不要私自修改。

The answer(Ⅰ.这边建议先自己写哦，不要不讲伍德，直接copy！

Ⅱ.直接看begin 和end之间的部分！)

//直接从bengin 开始看，到 end 结束，其余均是无用的。
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>


    
    
    
    

第2关：绘制流量最高的五条线路的路程图

编程要求:

在右侧编辑器补充代码，绘制流量最高的五条数据的路程线，具体要求如下：

1.在servlet中将字段名为key，bickMap.get(key)为value作为键值对方式传值给jsp;

2.绘制路程线样式为红色，宽度为**3,透明度为0.5**;

3.调用提供绘制箭头函数addArrow，绘制以**r=10，angle=Math.PI/7**的箭头；

4.绘制起始地点的标注信息，文字大小仍为20。

注意：直接使用已定义的变量，且已定义的变量名不要私自修改。

The answer(小傻瓜们，注意了，要在两个文件中分别写代码哦！)

//servlet里的代码
package com.educoder.servlet;

import com.educoder.util.HBaseUtil;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Set;

public class BickMapServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    request.setCharacterEncoding("utf-8");
    response.setContentType("text/html;charset=utf-8");

        /**********   Begin   **********/

        //1.通过HbaseUtil类获取数据
        BickMap bickMap = HBaseUtil.scanTable(); //直接从左侧的提示栏中cv
   
		//2.遍历将数据以键值对的方式传给jsp
         for (String key : bickMap.getKeys()) {  
        request.setAttribute(key,bickMap.get(key));//遍历将最高五条流量的数据以“字段名-结果集合”形式传到后台  
    }    //直接从左侧的提示栏中cv

        /**********   End    **********/
        request.getRequestDispatcher("step2.jsp").forward(request,response);

    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req,resp);
    }
}

//step2.jsp里面的代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    
    
    
    

 

 最后，最后，respect 各位！