百度地圖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. 工程的目錄組織為:
5. 執行並訪問
Jetty Server執行後,在瀏覽器中訪問。如果你的機器的IP地址是192.168.10.4,則可以訪問192.168.10.4:9001。分別通過PC機、手機等終端訪問。
PC終端訪問:
移動終端訪問:
相關文章
- 百度地圖API入門——(5)百度地圖API的簡介地圖API
- 百度地圖API入門——(2)第二個超簡單應用:Hello, World!地圖API
- 百度地圖API入門——(1)第一個超簡單應用:顯示廣州天河公園地圖API
- nginx正向代理訪問百度地圖APINginx地圖API
- 前端 – 百度地圖 API 基礎入門前端地圖API
- 前端 - 百度地圖 API 基礎入門前端地圖API
- 百度地圖API入門——(6)地圖容器及BMap名稱空間地圖API
- 百度地圖API入門——(3)控制元件地圖API控制元件
- 百度地圖-簡單整合地圖
- 如何在Android應用中使用百度地圖apiAndroid地圖API
- 百度地圖API入門——(7)新增或刪除圖層地圖API
- vue中使用高德地圖搭建實時公交應用(地圖 + 附近站點+線路詳情 + 輸入提示+換乘詳情)Vue地圖
- 關於百度地圖api的實用方法記錄地圖API
- 用Echarts請求百度地圖api 小案例Echarts地圖API
- 百度地圖API基本使用(一)地圖API
- 百度地圖/社交分享/應用間的跳轉地圖
- 用HMS Core地圖服務自定義地圖樣式,給你的應用製作專屬個性化地圖地圖
- 【練習】註冊appid、下拉選單、訪問百度地圖APIAPP地圖API
- ECharts+百度地圖網路拓撲圖應用Echarts地圖
- 開放世界地圖設計的秘訣:圖示的多維應用地圖
- 百度地圖 JavaScript 開發入門地圖JavaScript
- 百度地圖API新增自定義標註多點標註地圖API
- 一圖搞懂Web應用的單點登入Web
- 淺談百度地圖API的坑地圖API
- 【高德地圖API】從零開始學高德JS API(一)地圖展現——仙劍地圖,麻點圖,街景,室內圖地圖APIJS
- geoserver控制服務訪問許可權-類似百度地圖的keyServer訪問許可權地圖
- 對接百度地圖API地圖API
- HTML呼叫百度地圖APIHTML地圖API
- 簡易地圖生成器,一個專業的地圖製作網站地圖網站
- 百度地圖、ECharts整合HT for Web網路拓撲圖應用地圖EchartsWeb
- Fresco圖片載入的簡單應用
- 百度地圖,您所使用的地圖JS API版本過低,解決方法地圖JSAPI
- 百度地圖API功能演示地圖API
- 高德地圖上展示終端資訊地圖
- 百度地圖之基礎地圖地圖
- 百度API實現地圖示點並測距API地圖
- [Echarts視覺化] 一.入門篇之簡單繪製中國地圖和貴州地區Echarts視覺化地圖
- 百度地圖API : 自定義標註圖示地圖API