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

最新推荐文章于 2023-07-12 02:27:31 发布

钟超

最新推荐文章于 2023-07-12 02:27:31 发布

阅读量4.4k

点赞数 1

分类专栏： API - Commercial 文章标签：终端 api 百度 server string file

本文链接：https://blog.csdn.net/Poechant/article/details/7110374

版权

API - Commercial 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

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. 工程的目录组织为：

5. 运行并访问

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

PC终端访问：

移动终端访问：

钟超

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
百度地图API入门——（4）用Jetty搭建一个简单的多终端可访问的地图应用站点

我们这里以本地局域网为例。1. 下载Jetty包和Servlet包jetty-all-7.0.2.v20100331.jarservlet-api-2.5.jar2. 编写地图网页程序参考：http://blog.csdn.net/poechant/article/details/7107579 广州天河公园 html
复制链接

扫一扫