百度地图API入门——(4)用Jetty搭建一个简单的多终端可访问的地图应用站点

我们这里以本地局域网为例。


1. 下载Jetty包和Servlet包

jetty-all-7.0.2.v20100331.jar

servlet-api-2.5.jar


2. 编写地图网页程序

参考:http://blog.csdn.net/poechant/article/details/7107579

<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; chartset=utf-8" />
		<title>广州天河公园</title>
		<style type="text/css">
			html {
				height: 100%
			}
			body {
				height:100%;
				margin:0px;
				padding:0px;
			}
			#container {
				height:100%;
			}
		</style>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
	</head>

	<body>
		<div id="container"></div>
		<script type="text/javascript">
			var map = new BMap.Map("container");
			var point = new BMap.Point(113.370, 23.133);
			map.centerAndZoom(point, 15);
			map.addControl(new BMap.NavigationControl());//平移缩放控件
			map.addControl(new BMap.ScaleControl());//比例尺控件
			map.addControl(new BMap.OverviewMapControl());//缩略地图控件
			map.addControl(new BMap.MapTypeControl());//地图类型控件
			map.setCurrentCity("广州");
		</script>
	</body>
</html>


具体阐释,请看博文:http://blog.csdn.net/poechant/article/details/7107579


3. 简单的Jetty Server


程序同博文:http://blog.csdn.net/poechant/article/details/7068809

具体解释,请见上述链接,下面是程序源代码:


package com.sinosuperman.server;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileReader;
import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.eclipse.jetty.server.Request;
import org.eclipse.jetty.server.Server;
import org.eclipse.jetty.server.handler.AbstractHandler;

public class JettyServer extends AbstractHandler
{
    public void handle(String target,
                       Request baseRequest,
                       HttpServletRequest request,
                       HttpServletResponse response) 
        throws IOException, ServletException
    {
        response.setContentType("text/html;charset=utf-8");
        response.setStatus(HttpServletResponse.SC_OK);
        baseRequest.setHandled(true);
        
        File file = new File("web/index.html");
        BufferedReader br = new BufferedReader(new FileReader(file));
        String line = br.readLine();
        while (line != null) {
        	response.getWriter().println(line);
        	line = br.readLine();
        }
        br.close();
        
        //response.getWriter().println("<h1>Hello World</h1>");
    }
 
    public static void main(String[] args) throws Exception
    {
        Server server = new Server(9001);
        server.setHandler(new JettyServer());
 
        server.start();
        server.join();
    }
}

4. 工程的目录组织为:

百度地图API入门——(4)用Jetty搭建一个简单的多终端可访问的地图应用站点_第1张图片


5. 运行并访问

Jetty Server运行后,在浏览器中访问。如果你的机器的IP地址是192.168.10.4,则可以访问192.168.10.4:9001。分别通过PC机、手机等终端访问。


PC终端访问:

百度地图API入门——(4)用Jetty搭建一个简单的多终端可访问的地图应用站点_第2张图片


移动终端访问:

百度地图API入门——(4)用Jetty搭建一个简单的多终端可访问的地图应用站点_第3张图片


原文链接: http://blog.csdn.net/poechant/article/details/7110374

你可能感兴趣的:(百度地图API入门——(4)用Jetty搭建一个简单的多终端可访问的地图应用站点)