文号
t53437
阅读
6140
回复
8
收藏
4
如何把GPS坐标显示在Google Maps中
2013/01/02
IP:广东
既然不是写论文,前言和总结就省了,大家肯定清楚这是干什么的。


mapsview.png



GPS通过串口输出一些定位数据,每一行是一个NMEA语句,每一句开头是$,结尾是换行符
我们盯着这一句就行了:
推荐定位信息(GPRMC)
  $GPRMC,<1>,<2>,<3>,<4>,<5>,<6>,<7>,<8>,<9>,<10>,<11>,<12>*hh
  <1> UTC时间,hhmmss.sss(时分秒.毫秒)格式
  <2> 定位状态,A=有效定位,V=无效定位
  <3> 纬度ddmm.mmmm(度分)格式(前面的0也将被传输)
  <4> 纬度半球N(北半球)或S(南半球)
  <5> 经度dddmm.mmmm(度分)格式(前面的0也将被传输)
  <6> 经度半球E(东经)或W(西经)
  <7> 地面速率(000.0~999.9节,前面的0也将被传输)
  <8> 地面航向(000.0~359.9度,以正北为参考基准,前面的0也将被传输)
  <9> UTC日期,ddmmyy(日月年)格式
  <10> 磁偏角(000.0~180.0度,前面的0也将被传输)
  <11> 磁偏角方向,E(东)或W(西)
  <12> 模式指示(仅NMEA0183 3.00版本输出,A=自主定位,D=差分,E=估算,N=数据无效)


提取数据很容易,问题是,如何显示到google maps上面?


来看看google maps api
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
呃,似乎太复杂了


那就简单一点,从现成的代码讲起。
请复制以下代码,填入记事本中,保存为posview.html,然后用浏览器打开它
<!DOCTYPE html><html>  <head>    <title>KML Viewer - Driven by Google Maps</title>   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">    <meta charset="utf-8">    <style>      html, body, #map_canvas {        margin: 0;        padding: 0;        height: 100%;      }    </style>    <script src="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX    <script>    function initialize() {        var mapOptions = {          zoom: 11,          center: new google.maps.LatLng(22.573601,113.917435),          mapTypeId: google.maps.MapTypeId.ROADMAP        }        var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);        var poslist = [        ['A',113.917435,22.573601],            ['B',113.987335,22.549183],        ['C',114.058334,22.516199],        ['D',114.058281,22.516199],        ['E',114.098732,22.538082],        ['F',114.110817,22.535583],        ['G',114.062019,22.532650],        ['H',114.059013,22.525883],        ['I',114.058968,22.525833]        ];        
    var posrows;        for(i=0;i<poslist.length;i++) {            var mypos = new google.maps.LatLng(poslist[i][2],poslist[i][1]);            var marker = new google.maps.Marker({            position: mypos,            map: map,            title: poslist[i][0]            });        }      }    </script> </head>  <body onload="initialize()"> <div id="map_canvas"></div>  </body></html>
估计到这里,大家都知道关键所在了

var poslist = [           ['A',113.917435,22.573601],        ['B',113.987335,22.549183],        ['C',114.058334,22.516199],        ['D',114.058281,22.516199],

坐标填进去,位置显示出来
14年0个月前IP:未同步
485860
1楼
居然有个沙发!   确定坐标! 然后标注?
引用
评论
13年10个月前IP:未同步
498268
2楼
我记得我们天朝有偏移算法。。。这个能解决吗?
引用
评论
warmonkey作者
13年10个月前IP:未同步
498270
3楼
回 2楼(tech4me) 的帖子
测试过,不用卫星图就没问题,现在是完全正常的
引用
评论
13年10个月前IP:未同步
498274
4楼
回 3楼(warmonkey) 的帖子
谢谢斑竹 原来搞社交网站的好友定位时用过几次
引用
评论
13年10个月前IP:未同步
498468
5楼
posview.html火狐浏览器不行啊
引用
评论
warmonkey作者
13年10个月前IP:未同步
498477
6楼
回 5楼(ss大兵) 的帖子
测试过可以的,请检查文本格式,论坛扰乱了代码
引用
评论
13年10个月前IP:未同步
499394
7楼
回 6楼(warmonkey) 的帖子
copy,出结果啦!
引用
评论
笔记
{{note.content}}
{{n.user.username}}
{{fromNow(n.toc)}} {{n.status === noteStatus.disabled ? "已屏蔽" : ""}} {{n.status === noteStatus.unknown ? "正在审核" : ""}} {{n.status === noteStatus.deleted ? '已删除' : ''}}
  • 编辑
  • 删除
  • {{n.status === 'disabled' ? "解除屏蔽" : "屏蔽" }}
我也是有底线的