html5实现地图上定位导航路线方法如下：
1.先通过百度拾取坐标系统获得点位的坐标。
http://api.map.baidu.com/lbsapi/getpoint/index.html
2.在网页的<head>中插入百度API引用脚本。
<script type="text/javascript" src="http://api.map.baidu.com/api
key=&v=1.1&services=true"></script>
3.在网页的</body>之后</html>之前插入地图显示代码。
4.设置显示地图的div的id为“dituContent”，即添加 id="dituContent"
由于jqm的div的高度都是根据内容自由放大的，所以为了地图能正常显示，还需要
增加一个高度值，一般情况600px就可以，完成。
HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息。
下面是一段HTML5结合百度地图API来获取位置的代码：
<div id="allmap"></div>当前定位地址：<a id="du-gps"></a><span></span></div><script>
var map = new BMap.Map("allmap")
var geolocation = new BMap.Geolocation()
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
map.panTo(r.point)
//alert('您的位置：'+r.point.lng+','+r.point.lat)
var pt = r.point
var geoc = new BMap.Geocoder()
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber)
$("#du-gps").text(addComp.district+addComp.street+addComp.streetNumber)
})
}
else {
alert('failed'+this.getStatus())
}
},{enableHighAccuracy: true})
</script>
HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：
1，首先在html中，添加良好的导航内容。
2，后者是网页的具体内容，这里的代码比较简单。
3，在样式中，首先在菜单中定义一些样式。
4，此时，在运行页面时，滚动条滚动后导航将消失。
5，为了将导航栏固定在顶部，可以添加样式位置：固定；最高：0在导航容器中，键是第一个样式，因此其位置是固定的。
6，此时，页面开始运行，页面向上滚动，并且导航始终在顶部。
