這個需要用到ajax，最常用的比如jQuery，用jquery的$.get或者$.ajax之類的在前台請求數據，然後用js展示。你需要看到jquery中ajax的例子。
Ⅱ 如何發起WEB服務顯示地圖
REST英文全稱Representational State Transfer（表述性狀態遷移）2000Roy Thomas Fielding博士畢業論文首提概念內幫精英已經Fielding論文翻文看完論文難搞清REST底Leonard Richardson與Sam Ruby新書《RESTful Web Services》REST作簡單具體詮釋提面向資源架構（The Resource-Oriented Architecture）設計根據書內容理解我作簡單總結定僅供參考
1 REST
REST組設計原則或說種風格架構Fielding論文表示符合REST原則web服務見性、靠性與伸縮性等面獲益且符合萬維網創建初衷
Google map（）REST風格web服務例游標熱點移左角隨變化URI看根據URI提供相應web服務
REST組廣義設計原則REST本身並沒與Web、HTTP或URI綁定REST設計原則包括客戶-伺服器、狀態、緩存、統介面、層系統等既原則要求狀態何表述性狀態呢REST原則狀態指伺服器端保存客戶應用狀態連接→請求→響應→斷客戶請求與請求沒關系（其實HTTP特徵）伺服器端響應客戶請求返資源表述及相關鏈接（想像google返頁面）該表述本身客戶前狀態客戶按照表述提供鏈接選擇表述遷移狀態我字面REST解釋伺服器通表述狀態遷移提供指導狀態遷移權掌控用戶手客戶根據自需要選擇鏈接由前狀態遷移狀態解釋膚淺面面向資源架構根本REST作技術詮釋
2 面向資源架構
面向資源架構種REST風格架構資源研究象通劃資源、定義資源用超媒體資源串起提供客戶所需求服務面向資源架構包括四組元素具四屬性四組元素：資源、資源名、資源表述鏈接四屬性：定址、狀態、連通統介面
2.1 四元素
（1） 資源
象面向象設計取決於問題域象劃面向資源設計首要任務劃資源實際面向資源極端面向象REST規定統介面約束要求資源操作必須見（HTTP標准GET、PUT、DELETE、POST帶暗箱操作POST算）資源操作能自行定義
面向資源設計資源任何具超文本鏈接價值東西資源數據資源物理象物理象本身能網傳輸物理象元數據統介面能滿足需求通設計資源操作名詞化例訂閱某欄目統介面沒訂閱操作允許自行定義訂閱操作辦呢訂閱設計資源訂閱關系訂閱關系用統介面GET、PUT、DELETE進行操作同於需要非同步完操作通資源非同步操作劃同步操作完總資源任何東西遇困惑設通資源解決
（2） 資源名
資源能資源必要條件：每資源必須用URI唯標識符合Tim Berners-Lee公理：Web每資源由URL唯確定超文本系統、HTTP Internet層協議間能交流URI所些協議集web資源用URI命名資源通URI定位URI僅包含資源址包含資源操作指令伺服器端根據URI指令確定客戶請求處理式URI單純網址
（3） 資源表述
資源表述數據源表述資源前狀態（應客戶請求返網頁）REST風格服務說表述超媒體表述僅包含著前資源信息包含相關資源鏈接
表述呈現資源前狀態鏈接著資源其狀態表述具體涉及資源數據及數據格式用於表述超媒體格式種： 應用/XHTML+XML、應用/ATOM+XML、圖像/SVG+XML、應用/JSON、應用/WADL+XML《RESTful Web Services》書WADL（Web Application Description Language）較推崇WADL用於描述HTTP資源特徵XML格式定義（詞彙表）書認WADL剝離HTTP請求響應（表述建造與解析）細節支持URI模板及HTTP統介面特定符合XML Schema定義XML表述格式簡化web服務客戶端編程與其超媒體格式相比WADL其獨特優點
（4） 資源鏈接
資源孤立連通資源通Link或Form鏈接Link與Form本身資源表述種說表述超媒體
2.2 四屬性
（1） 定址
每資源由唯URI標識使資源定位使緩存能
（2） 狀態
客戶請求與服務響應通HTTP 通信HTTP本身狀態HTTP請求完全封閉程完請求包含伺服器完請求所必需全部信息請求與請求間沒關聯伺服器端需等待、需追蹤需要關客戶發送請求應用狀態足夠伺服器端服務間需要工協作服務擴展服務插入負載均衡器行增強服務伸縮性能
REST 狀態指僅種狀態該狀態伺服器端客戶端其實資源角度說伺服器端狀態資源狀態伺服器應客戶請求返資源表述資源通HTTP由資源狀態遷移客戶應用狀態；客戶向伺服器傳資源表述（例AmazonS3服務）客戶應用狀態通HTTP遷移伺服器變資源狀態應該REST真含義
（3） 連通
資源應該某種式連通資源鏈接需要用戶瀏覽器鍵入URI執行跳轉Link或Form鏈接資源連通超媒體
（4） 統介面
面向資源架構利用HTTP統介面HTTP統介面提供四種基本操作GET、PUT、DELETEPOST面向資源架構要求所服務按HTTP標準式使用GET、PUT、DELETEPOST安全性沒副作用產其響應結具冪等性（數術語）即同請求返結總相同（：任何數管乘零少結總零）除非底層資源發變化
3 Web圖服務例
《RESTful Web Services》書簡單例Web圖讀服務我簡單總結便家REST風格架構直觀認識
設計步驟：
l 析數據集
l 數據集劃資源
每資源
l 用URI給資源定名
l 選擇統介面
l 設計客戶端→伺服器表述
l 設計伺服器→客戶端表述
l 用超媒體鏈接或表單資源掛接現資源鏈
l 面設想該發
l 反面設想能發
（1） 析數據集
本數據集各星球二維平面圖通理坐標及名圖定位並展示點平面圖
（2） 數據集劃資源
資源體三類：
l 預定義性資源同web主頁充其資源頂級入口能GET能DELETE或PUT
l 每象資源每象自資源集合GET、DELETE或PUT象資源
l 經數據處理獲取資源例根據查詢條件返結
Ⅲ 如何實現實時定位與地圖構建
實時定位與地圖構建（SLAM）是一種在機器人領域廣泛使用的地圖構建與定位技術。
可以使用激光、視覺、紅外等感測器，在機器人移動過程中獲取感測器檢測的環境特徵，進一步識別行駛過程不同時刻環境特徵中類似的部分，將檢測到的環境信息進行拼接，對行駛過的環境進行基於當前感測器信息的完整描述，即高精度地圖構建。
Ⅳ 機器人+地圖
CS1.5的非正規地圖一般不可以加機器人，要自己製作POD路點。
一、 Q：POD路點是什麼?
A：大家經常會從網上下載一些新的地圖,然後在自己的電腦里運行時卻發現無法加入機器人,而自己的電腦里其實已經裝了機器人程序(例如POD2.5之類的程序),這是為什麼呢?
其實每個能夠同機器人作戰的地圖,都包括幾個基本的文件,一個就是大家熟悉的cstrike\maps\**.bsp這里的**.bsp是地圖文件,還有一個就是cstrike\PODBot\WPTDefault\**.pwf這里的**.pwf就是我們要講的POD路點文件
如果我們下載了一個新地圖,在電腦里可以正常運行,卻無法加入機器人,這就說明你下載的這個地圖沒有提供**pwf這個文件,但不必擔心,我們可以用cs自帶的功能來製作這張地圖的路點文件.(嘗試一下同自己作戰的快感吧!呵呵~~)
二、Q：那麼應該怎樣製作POD路點呢?
A：其實製作POD路點就是一個考察你CS作戰水平的過程
(1) 首先你要運行CS游戲,進入角色(例如先當警察),然後調出控制平台(就是點擊那個[~]鍵,然後彈出來佔了半面窗口的東西),別告訴我說你不會調用平台阿？
(2) 進入角色,調出平台以後依次分別輸入以下三個命令（將on換成of就是關閉該功能的意思）:
waypoint on (漢語意思是:開啟路點編輯功能)
autowaypoint on (漢語意思是:自動生成路點吧,我沒查過字典啊,最近好窮,一直沒能買的起一本像樣的漢英字典)
pathwaypoint on (漢語意思是:自動連接路點,這個詞我也沒查!如果大家知道標準的答案可以通知我啊,謝了~~)
(3) 輸入完以上三個命令就進入了路點製作的實質階段,這時每當你走動一段距離,就會聽到身後"啪啪"的響聲,可以看到很多的綠色光柱沿著你走過的路徑鋪開,這就是路點
(機器人出來以後就是按照你走過的這些路點來運動的),每個路點之間都由一些白色的光線連接著,當你走完全程時並不意味著路點就製作完成了,機器人的腦子可不像我們的大腦那麼聰明，我們還要在路點中為電腦加入一些特殊的點,例如:埋雷點、伏擊點。。。這時我們就要用到一個重要的參數waypoint add 當我們在平台輸入完waypoint add回車時會在屏幕上看到以下幾個選項：
<1> normal waypoint（系統自動生成，一般用不著管這一項）
<2> terrorist important waypoint（T的重要點<必須設置>）
<3> counter-terrorist important waypoint（CT的重要點,在某個地點設置完以後,CT會經常來這里巡邏<必須設置>）
<4> ladder waypoint（讓機器人上梯子時必須鍵入的參數）
<5> rescue waypoint（從匪家救完人質以後,所要返回的目的地,例如義大利的地圖就是在警家）
<6> camp waypoint start（伏擊點）
<7> camp waypoint end（伏擊點結束<每設一個伏擊點就要設一個相應的結束點>）
<8> map goal waypoint（目標點,就是埋雷點,或救人質的地點<很重要的,千萬不要忘了設>）
<9> more types(jump waypoint )（點擊這以後會有一個跳躍的選項）
<0> cancel（取消）
(4) 如果以上的這些都明白了的話,你就成功了一大半了,然後我們就可以進行保存的工作了,首先要檢查一下我們做的路點有沒有錯誤,我們可以在平台輸入waypoint check 來查看相關信息 如果沒問題的話平台上會出現all node work fine的信息,那麼你就可以保存該路點了,輸入waypoint save 即可自動將此路點保存到cstrike\PODBot\WPTDefault下的相應目錄,如果有錯的話就要進行糾正了
waypoint delete x 刪除某點(那個x就是某點,可以在屏幕的左上角看到點的相關信息)
debuggoal x (強行設置任務點)
Ⅳ web開發百度地圖JS api，地圖怎麼設置連續顯示
獲取代碼如下：（注意：通常我們在網頁中只要插入以下代碼，小蟲標注出來，其餘的可不用。）
1.在<head></head>間插入下面代碼：這是樣式和JS腳本。
<!--引用網路地圖API-->
<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map..com/api?key=&v=1.1&services=true"></script>
2.在<body></body>間需要顯示地圖的位置放入以下代碼：（該代碼調用地圖）
<!--網路地圖容器-->
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
3.以下代碼放在頁面最底端（其實可放在頁面任意位置。）
<script type="text/javascript">
//創建和初始化地圖函數：
function initMap(){
createMap();//創建地圖
setMapEvent();//設置地圖事件
addMapControl();//向地圖添加控制項
addMarker();//向地圖中添加marker
}
//創建地圖函數：
function createMap(){
var map = new BMap.Map("dituContent");//在網路地圖容器中創建一個地圖
var point = new BMap.Point(115.949652,28.693851);//定義一個中心點坐標
map.centerAndZoom(point,18);//設定地圖的中心點和坐標並將地圖顯示在地圖容器中
window.map = map;//將map變數存儲在全局
}
//地圖事件設置函數：
function setMapEvent(){
map.enableDragging();//啟用地圖拖拽事件，默認啟用(可不寫)
map.enableScrollWheelZoom();//啟用地圖滾輪放大縮小
map.enableDoubleClickZoom();//啟用滑鼠雙擊放大，默認啟用(可不寫)
map.enableKeyboard();//啟用鍵盤上下左右鍵移動地圖
}
//地圖控制項添加函數：
function addMapControl(){
//向地圖中添加縮放控制項
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地圖中添加縮略圖控制項
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地圖中添加比例尺控制項
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}
//標注點數組
var markerArr = [{title:"百恆網路",content:"電話：0791-88117053<br/>手機：15079002975",point:"115.950312|28.693447",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
];
//創建marker
function addMarker(){
for(var i=0;i<markerArr.length;i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
});
(function(){
var index = i;
var _iw = createInfoWindow(i);
var _marker = marker;
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
});
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
})
_iw.addEventListener("close",function(){
_marker.getLabel().show();
})
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
})
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
}
})()
}
}
//創建InfoWindow
function createInfoWindow(i){
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//創建一個Icon
function createIcon(json){
var icon = new BMap.Icon("http://map..com/image/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
return icon;
}
initMap();//創建和初始化地圖
</script>
當然，如果你想偷懶，將以上對應代碼全放在<body></body>間也是沒問題的，呵呵。
Ⅵ web前端 知道的友友能告訴我點擊查看地圖大圖，彈出一個大的地圖顯示框來顯示當前定位是怎麼實現的嗎
點擊按鈕彈出層,JQUERY寫法例如：$(".openmap").on("click",function() {
$(".map").fadeIn(600);})
彈出的層中加入網路或者其他地圖的代碼，地圖代碼都是在線生成的，可以自己去網路地圖試試。
Ⅶ 運用html5技術 完善一個地圖導航的系統 web端顯示
這個是通過js實現的吧，與google類似。
你如果要想把所有的弄明白，最好是把這些js文件全部看一遍
從這個網頁源碼中找到所有的js文件
如
http://api.map..com/api?v=1.2
http://api.map..com/library/LuShu/1.2//src/LuShu_min.js
第一個文件內容
document.write('<link rel="stylesheet" type="text/css" href="http://api.map..com/res/12/bmap.css"/>'); document.write('<script type="text/javascript" src="http://api.map..com/getscript?v=1.2&key=&services=&t=11111111"></script>');
其中
http://api.map..com/getscript?v=1.2&key=&services=&t=11111111是一個很大的js文件