百度地图开发:批量增加折线、多边形覆盖物的封装函数

简介: 百度地图开发:批量增加折线、多边形覆盖物的封装函数

绘制折线

//绘制折线;
function drawLine(data) {
    //数据格式;
    //var data = ["116.399, 39.910;116.405, 39.920;116.423493, 39.907445", "116.405, 39.920;116.41248,39.927893"];
    var opts = {strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5};
    for (var j = 0; j < data.length; j++) {
        var arr = data[j].split(";")
        var lineArr = [];
        for (var i = 0; i < arr.length; i++) {
            lineArr.push(new BMap.Point(arr[i].split(",")[0], arr[i].split(",")[1]))
        }
        //创建折线
        var polyline = new BMap.Polyline(lineArr, opts);
        //增加折线
        map.addOverlay(polyline);
    }
}


绘制多边形

//绘制多边形;
function drawPolygon(arr) {
    map.clearOverlays();
    var ops = {
        strokeColor: "rgba(0,0,0,1)",
        fillColor: "rgba(0,0,0,1)",
        fillOpacity: 0.4,
        strokeOpacity: 0.1
    };
    //添加覆盖物;
    var ply = [];
    for (var i = 0; i < arr.length; i++) {
        ply[i] = new BMap.Polygon(arr[i], ops);
        map.addOverlay(ply[i]);
    }
}


lockdatav Done!

相关文章
|
7月前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
定位技术
百度地图:监听地图缩放自动显示和隐藏的富文本标签
百度地图:监听地图缩放自动显示和隐藏的富文本标签
207 0
|
5月前
|
前端开发
Canvas绘画之多边形画板,绘制多边形,携带背景图和绘画功能,带有全部清除的功能,用这个
Canvas绘画之多边形画板,绘制多边形,携带背景图和绘画功能,带有全部清除的功能,用这个
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
286 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
|
JSON 定位技术 API
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
317 0
|
编译器 API 图形学
【unity细节】基于unity子对象(如相机)为什么无法进行z轴的拖拽移动和z轴自动归位的问题
【unity细节】基于unity子对象(如相机)为什么无法进行z轴的拖拽移动和z轴自动归位的问题
158 0
|
定位技术
在地图上基于OpenLayers实现点/线/面静态的绘制显示
在地图上基于OpenLayers实现点/线/面静态的绘制显示
1187 0
在地图上基于OpenLayers实现点/线/面静态的绘制显示
|
JSON 大数据 定位技术
百度地图 - 点聚合方式批量渲染坐标点
最近在做一个大数据人员分布的系统,需要能够在地图上渲染数据库中的坐标点,大概有四万个坐标点,普通的渲染方式会导致客户端崩溃的,或者是坐标点太过于密集,用户体验差。于是使用了百度地图的点聚合方式,特此记录一下
404 0
百度地图 - 点聚合方式批量渲染坐标点
|
数据采集 缓存 异构计算
案例分享:Qt多段Y轴折线图框架(双Y轴段折线、支持拽拖、浮动游标显示X值各段Y值、支持大量实时显示下位机数据)
案例分享:Qt多段Y轴折线图框架(双Y轴段折线、支持拽拖、浮动游标显示X值各段Y值、支持大量实时显示下位机数据)
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法