jspopularGL

地面叠加层覆盖物

更新时间：2020年12月14日

简介

JSAPI GL提供的GroundOverlay类支持在地图底面上叠加覆盖物，覆盖物可以是图片、自定义Canvas、视频。
GroundOverlay类继承Overlay类，基于Bounds确定在地面上的显示范围和大小，通过options来配置覆盖物的类型、源、透明度等。

驾车路线规划

1基础驾车路线规划服务示例：

代码如下：

var map = new BMapGL.Map("container");
map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);

var p1 = new BMapGL.Point(116.301934,39.977552);
var p2 = new BMapGL.Point(116.508328,39.919141);

var driving = new BMapGL.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
driving.search(p1, p2);

公交路线规划

BMapGL.TransitRoute类提供公交线路规划服务。

1使用服务示例

代码如下：

var map = new BMapGL.Map('container');
map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12);
var output = '从上地到西单坐公交需要：';
var transit = new BMapGL.TransitRoute(map,{
    renderOptions: {map: map},
    onSearchComplete: function(results){
        if (transit.getStatus() != BMAP_STATUS_SUCCESS){
            return ;
        }
        var plan = results.getPlan(0);
        output += '总时长：' + plan.getDuration(true);  //获取时间
        output += '总路程：' + plan.getDistance(true);  //获取距离
        $('#result').css('display','block');
        $('#result').html(output);
    },
});
var start=new BMapGL.Point(116.404844,39.911836);
var end=new BMapGL.Point(116.308102,40.056057);
transit.search(start, end);

步行路线规划

BMapGL.WalkingRoute提供步行线路规划服务。基本用法和驾车线路规划类似。

1使用服务示例

代码如下：

var map = new BMapGL.Map("allmap");
map.enableScrollWheelZoom();
map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);
var walking = new BMapGL.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}});
walking.search('西单', '慈云寺');

文档全面上新