这个需要用到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文件