html5使用百度地图API实现GPS步行轨迹，界面上需要有一个实时显示方向的指南针

要在HTML5中使用百度地图API实现GPS步行轨迹，并且界面上需要有一个实时显示方向的指南针，可以按照以下步骤操作：

1. 在百度地图开放平台上注册账号，并创建一个应用。获取到该应用的AK（Access Key）。

2. 引入百度地图API的JavaScript文件。可以使用以下代码：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK"></script>

3. 创建一个地图容器，可以使用以下代码：

<div id="map"></div>

4. 在JavaScript代码中初始化地图，并获取用户的位置。可以使用以下代码：

//初始化地图
var map = new BMap.Map("map");

//获取用户位置
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r) {
    if (this.getStatus() == BMAP_STATUS_SUCCESS) {
        //定位成功，移动地图中心点
        var point = new BMap.Point(r.point.lng, r.point.lat);
        map.centerAndZoom(point, 17);
    } else {
        alert('定位失败：' + this.getStatus());
    }
}, {
    enableHighAccuracy: true
});

5. 在JavaScript代码中创建一个指南针，并根据用户的方向旋转。可以使用以下代码：

//创建指南针
var navigationControl = new BMap.NavigationControl({
    type: BMAP_NAVIGATION_CONTROL_SMALL,
    anchor: BMAP_ANCHOR_BOTTOM_RIGHT
});
map.addControl(navigationControl);

//根据用户方向旋转指南针
window.addEventListener("deviceorientation", function(event) {
    var alpha = event.alpha;
    if (alpha != null) {
        navigationControl.setRotation(alpha);
    }
}, true);

通过以上步骤，就可以在HTML5页面中实现百度地图API的GPS步行轨迹，并且显示一个实时方向的指南针。需要注意的是，为了获取用户的位置，需要用户授权，并且需要在HTTPS协议下才能使用定位功能。