登录 - 位置在线 :位置服务云平台
记住账户 &&
系统版本：[V6.2.9 Build ]
最新公告 [05.06]位置在线app升级到4.0.2版本了!&&&&&
[05.04]优化了用户选择，解决了对应的BUG
系统版本：[V6.2.9 Build ]
u12580.com - 关于我们奥维互动定位平台
您还未登录！
地图锁定：
---请选择对象---
排行榜类型：
用户排行榜
签名贡献度排行榜
地区贡献度排行榜
签到地区数
发布轨迹数
轨迹生成时间
if(tabs.find( "#"+id ).length > 0)
tabs.find( ".ui-tabs-nav" ).append( li );
tabs.append( "" + tabContentHtml + "" );
tabs.tabs( "refresh" );
tabCounter++;
$(topDiv).ready(function (e) {
tabs = $(_this).find("#tabs").tabs();
tabs.delegate( "span.ui-icon-close", "click", function() {
var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
if (typeof panelId != 'undefined' ) {
$( "#" + panelId ).remove();
tabs.tabs( "refresh" );
$(_this).animate({
marginRight: -500
$(_this).bind('updatecontent',function(event,parameter){
$areapubsummarybody = $(_this).find("#areapubsummarybody");
$areapubsummarybody.empty();
var AreaID = parameter.iLevel + "-" +
parameter.iMapID_x + "-" + parameter.iMapID_y;
$("地区编号:"+AreaID+"").appendTo($areapubsummarybody);
$("首次签到者:"+parameter.nSignCnt+"").appendTo($areapubsummarybody);
var postdata = {
"mapid_x": parameter.iMapID_x ,
"mapid_y": parameter.iMapID_y ,
parameter.iLevel,
"page": 0,
"count": 20,
$.post("/php/getmapsubpubinfo.php", {
"data": JSON.stringify(postdata)
}, function (data2) {
var data = jQuery.parseJSON(data2);
var $databody = $(_this).find("#tabs-1").find("#databody");
$databody.empty();
if (data.cgi_rcode >= 0){
$.each( data.data,function(index,ev){
tr = document.createElement('TR');
td = document.createElement('TD');
var hrefLink = document.createElement('A');
hrefLink.setAttribute("href", "javascript:void(0);");
hrefLink.style.textDecoration = "underline";
hrefLink.style.color = "blue";
hrefLink.appendChild(document.createTextNode(ev.iLevel + "-" + ((ev.iMapID >> 16)&0xffff) + "-" + (ev.iMapID & 0xffff)));
hrefLink.onclick = function()
var postdata2 = {
"idMap": ev.iMapID,
"iSortType":
"iPageNo": 0,
"nPageItem": 20,
$.post("/php/getmapareasign.php", {
"data": JSON.stringify(postdata2)
}, function (data2) {
var data = jQuery.parseJSON(data2);
var _id = addTab(ev.iMapID);
var $$databody = $(_this).find("#" + _id).find("#databody");
$$databody.empty();
if (data.cgi_rcode >= 0){
$.each( data.data,function(index,ev2){
tr = document.createElement('TR');
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev2.idUser));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev2.iPubLevel));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev2.nScore));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev2.nSupport));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev2.strSignTxt));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(new Date(ev2.iTime * 1000).format("yyyy-MM-dd hh:mm:ss")
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(parent.GetAnonymityName( ev2.iMaxSupportPubFlag,ev2.idMaxSupportUid,ev2.strMaxSupportName)));
tr.appendChild(td);
$(tr).appendTo($$databody);
td.appendChild(hrefLink);
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev.iMaxContributeUserPubFlag));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev.nSignCnt));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev.nPileUpScore));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(ev.nPileUpOb));
tr.appendChild(td);
td = document.createElement('TD');
td.appendChild(document.createTextNode(parent.GetAnonymityName( ev.iMaxContributeUserPubFlag,ev.idMaxContributeUser,ev.strMaxContributeUser)));
tr.appendChild(td);
$(tr).appendTo($databody);
})(window, $("#areapubinfodialog_").get(0));
累积奥维币
最大贡献者
上传文件...
输入设备的IMEI,该数字一般在设备背后
（5-20位字母、数字或下划线组合，首字符必须为字母。）
（用户名,ID或者手机号码）
例如：张三
设置电子邮件地址，可以用于找回密码
允许任何人添加
添加时需要验证
不允许添加为好友
公开我的位置:
公开用户ID
只对好友公开
（5-20位字母、数字）
启用短信告警:
启用电子围栏:
启用短信告警:
将我的位置与该定位设备绑定：
跟踪好友位置:如何提高地理对地图的把握与定位能力？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。832被浏览<strong class="NumberBoard-itemValue" title="5分享邀请回答26219 条评论分享收藏感谢收起73292 条评论分享收藏感谢收起LBS（Location Based Service，基于位置的服务）的三大目标是：你在哪里；你和谁在一起；附近有什么资源。其中『你在哪里』是LBS服务的核心。
百度智能定位服务，是为了帮助广大开发者更好解决『你在哪里』这个难题而开放的服务。支持GPS、WiFi、基站融合定位，完美支持各类应用开发者对位置获取的诉求。
百度地图开放平台定位服务是广大开发者定位首选服务，每日定位请求超过300亿次，开发者市场占有率超过70%。
基础定位能力
依托百度位置大数据和高精尖定位技术，提供业内最优秀的定位服务产品。具有定位精度高（综合定位精度40m）、覆盖广（完美支持全球定位）、
流量小（小于0.3K）、速度快（首次定位200ms）、内存/CPU占用率低等特点。
离线定位技术
利用百度大数据分析挖掘能力，分析用户常驻点信息，在保证定位精准度的基础之上，提供离线定位能力。
利用离线定位能力，不仅定位速度进一步提升，同时也完美解决无网络环境下的位置获取难题。
位置语义化
优质的定位服务，精准性、成功率、覆盖率等是基础。更友好、智能化、人性化的描述当前用户的位置，是未来定位的发展趋势。我们所开放的定位服务，
不仅返回精准坐标，还会返回当前用户的详细地址、周边POI信息，和更人性化的位置描述信息（同时也提供自定义位置描述能力）。
O2O上门服务
第三方合作伙伴展示
开发者资源HTML5地理定位与第三方工具百度地图的应用
互联网 & 发布时间： 15:38:53 & 作者：冯小东 &
这篇文章主要为大家详细介绍了HTML5地理定位与第三方工具百度地图的应用,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
前言：看到了很多技术大牛和相关博客，很少关于HTML5的地理定位的描述，不知道他们是不愿意提及还是使用的少的原因，我个人按一点点经验总结了两方面原因：第一、服务商方面的原因，因为HTML5的定位是由google提供的，由于google将大陆封杀的原因，定位功能也不在支持，这是主要原因第二、HTML5自带的地理定位，性能较差，相对于第三方工具---类似百度地图等，不是在一个层次上，在真正项目开发的时候，很少使用原生HTML5自带的地理定位，这是次要原因！
一、HTML5的新特性--地理定位既然地理定位是HTML5的新特性，那么我们也是要学习和掌握相关的API和学会如何去使用地理定位的先了解一下常识
一个新名词Geolocation:
用于获得当前浏览器所在的地理坐标，从而提供LBS（Location Based Service），如饿了吗送餐、滴滴打车、高德导航等软件都是使用LBS，包括如下数据：经度： longitude纬度： latitude海拔高度： altitude速度： speed
使用平台分为移动端和PC端：(1)手机浏览器：首先尝试使用内置GPS数据&&精度以米为单位& 再则使用手机基站编号反向推导出对应的地理位置&&定位精度以公里为单位(2)PC浏览器：通过电脑的IP地址反向查询&&精度以公里为单位
正题：那么我们到底怎么样从HTML5中获取定位信息呢？首先，我们在浏览器中按F12打开console，输入window.navigator.geolocation看看定位信息！
我们看到定位信息上有主要三个方法，含义分别是：
getCurrentPosition:fn(succ,err) //获取当前定位数据,其中包含成功获取和获取失败的回调函数
watchPosition: fn
//监视定位数据
clearWatch: fn
//清除定位监视
既然这样我们就知道如何在HTML5文件中使用地理定位了，我们利用开发工具创建一个HTML文件，并创建一个按钮，当点击按钮的时候，后台显示定位信息！
&!DOCTYPE html&
&head lang=&en&&
&meta charset=&UTF-8&&
&title&&/title&
&button id=&btn&&获得我的定位数据&/button&
btn.onclick=function(){
//点击按钮时触发
navigator.geolocation.getCurrentPosition(succCB,errCB);
function succCB(pos){
//成功的获取回调函数！！
console.log('成功获取到定位数据');
console.log('纬度:'+pos.coords.longitude);
console.log('经度:'+pos.coords.latitude);
console.log('高度:'+pos.coords.altitude);
console.log('速度:'+pos.coords.speed);
function errCB(err){
//获取失败的回调函数！！
console.log('获取到定位数据失败');
console.log(err.message);
//输出失败的信息或原因！
如图所示，当点击按钮时，成功获取到了定位数据，但是高度和速度由于PC端原因所以为Null，所以我们只要记住一个方法就可以在HTML5中获取到地理定位！
navigator.geolocation.getCurrentPosotion(
function(pos){
console.log('定位数据获取成功');
//pos.coords.longtitude ....
function(err){
console.log('定位数据获取失败');
//err.code
err.message
二、使用第三方工具--百度地图
正如我在前言中提到，在项目和许多手机应用中都是使用百度地图提供给用户来选择定位信息，那么我们怎么样在自己项目中使用百度地图呢？
首先我们得知道，百度地图的源代码是不会提供给大家下载的，这涉及公司利益，懂得人不必多说，但是百度还是个很有良心的公司，可以让我们注册开发者账号来进行开发使用！
使用步骤：
首先打开官网，然后拉到最下面：
可以看到，百度地图可以用来进行web开发，Android开发，ios开发，这里我们使用web开发，点击JavaScript API网址：我们可以到API中的许多案例和功能展示，要使用百度地图，必须首先获取密钥！
稍后会解释什么是密钥，先点击进入页面，如果弹出登陆界面的话，则登陆，登陆点击注册开发者账号(由于我已近注册了，所以这里无法给大家演示，需要大家自己操作)，输入相关的手机，邮箱，然后到邮箱里面验证，验证成功后,，点击创建应用，会出现如下界面：
应用名称随意填写一个应用类型选择---浏览器端Referer白名单：指的是谁可以访问你的应用，通过什么方式访问你的应用，这里填写一个星号' * '，意思是全部人都可以访问，因为只是做测试可以这样做，到以后项目如果使用到，会有相关的加密方式等等！！然后点击提交完成创建！！完成应用的创建后，出现如下界面：
这里会显示刚才创建的应用编号，应用名称，以及最重要的访问应用码，就是前面提到的密钥!
然后得到密钥之后，我们回到主页点击左侧的开发指南，可以看到相关API的用法以及案例！！，这个API是小编看到的所以API中最良心的，没有一句废话，写的很详细，通俗易懂，因为实在太多了，就在这里介绍几个主要的用法！！！
我们创建一个新的HTML文件，将上面这段代码复制到HTML文件中
&!DOCTYPE html&
&meta charset=&UTF-8&/&
&script type=&text/javascript& src=&http://api.map.baidu.com/api?v=2.0&ak=jrbPiu6jcbPsxGvdQXAc0C......&&
//v2.0版本的引用方式：src=&http://api.map.baidu.com/api?v=2.0&ak=您的密钥&
//v1.4版本及以前版本的引用方式：src=&http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize&
#container{
width: 800
height: 500
&h1&使用百度地图&/h1&
&div id=&container&&&/div&
&script type=&text/javascript&&
// 创建地图实例，避免与Map重名，所以使用BMap.Map
var map = new BMap.Map(&container&);
// 创建点坐标
var point = new BMap.Point(113..549008);
// 初始化地图，设置中心点坐标和地图级别 1~18级
map.centerAndZoom(point, 18);
//鼠标滚动，地图缩放
map.enableScrollWheelZoom(true);
//添加地图控件
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.MapTypeControl());
//添加地图标注
var marker=map.addOverlay(new BMap.Marker(point));
使用百度地图：
OK，我们成功的在HTML文件中使用了百度地图，现在可以像在中一样使用百度地图了！！
相关函数说明：
&script src=&http://api.map.baidu.com/api?v=2.0&ak=您的网站在百度地图申请的访问秘钥 &&
在ak中输入刚才得到那一长串密钥即可引用百度地图！！
创建地图实例 --必选。
var map = new BMap.Map(&container&);
创建一个指定的点 ，你的经纬度信息！！如果不知道可以使用前面的navigator.geolocation.getCurrentPosotion方法来得到经纬度--必选。
var point = new BMap.Point(116..915907);&
以指定点为中心显示地图& 数字17指的是层级，层级可以分为1~18级，层级越小地图看的范围越大，层级越大看的范围越大，自己可以测试一下不同层级显示的地图效果！！---必选。
map.centerAndZoom(point, 17);
地图可以随着鼠标自由的缩放---可选。
map.enableScrollWheelZoom(true);
地图显示控件--效果自己测试，这里不是主要函数不再加以说明---可选。
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.MapTypeControl());
地图上显示一个标注(标注)--可选
var marker=map.addOverlay(new BMap.Marker(point));
OK，第三方百度地图就说到这里，还有许多好玩的函数可以自己使用，所以方法和参数都在API中可以找到！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
大家感兴趣的内容
12345678910
最近更新的内容