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

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

绘制折线

//绘制折线;
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!

相关文章
|
定位技术
在地图上基于OpenLayers实现点/线/面静态的绘制显示
在地图上基于OpenLayers实现点/线/面静态的绘制显示
1259 0
在地图上基于OpenLayers实现点/线/面静态的绘制显示
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
关于 Qt图形视图框架自绘图元放到左边和上边之外,部分在内进行拉伸后,拉伸多余的区域无法碰撞 的解决方法
|
JSON 大数据 定位技术
百度地图 - 点聚合方式批量渲染坐标点
最近在做一个大数据人员分布的系统,需要能够在地图上渲染数据库中的坐标点,大概有四万个坐标点,普通的渲染方式会导致客户端崩溃的,或者是坐标点太过于密集,用户体验差。于是使用了百度地图的点聚合方式,特此记录一下
434 0
百度地图 - 点聚合方式批量渲染坐标点
|
9月前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
数据采集 缓存 异构计算
案例分享:Qt多段Y轴折线图框架(双Y轴段折线、支持拽拖、浮动游标显示X值各段Y值、支持大量实时显示下位机数据)
案例分享:Qt多段Y轴折线图框架(双Y轴段折线、支持拽拖、浮动游标显示X值各段Y值、支持大量实时显示下位机数据)
|
9月前
|
测试技术
【sgTileImage】自定义组件:瓦片图拖拽局部加载、实现以鼠标为中心缩放
【sgTileImage】自定义组件:瓦片图拖拽局部加载、实现以鼠标为中心缩放
|
前端开发 定位技术
(六)WebGIS中地图瓦片在Canvas上的拼接显示原理
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/。 1.前言 在之前的五个章节中,我们在第一章节里介绍了WebGIS的基本框架和技术,第二章节里介绍了什么是瓦片行列号以及计算它的原因,第三章节里介绍了如何通过地理范围计算出这个范围内瓦片的行列号,第四和第五章节里介绍了在得到瓦片行列号后如何获得离线和在线地图的URL,这个章节里,我们将介绍在通过URL得到瓦片后,如何将其显示在浏览器相对应的地方,拼接出整块地图。
1097 0
|
JSON 定位技术 API
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
348 0
MFC绘制二维图形【1】—— 使用映射模式函数自定义坐标系
MFC绘制二维图形【1】—— 使用映射模式函数自定义坐标系
428 0
MFC绘制二维图形【1】—— 使用映射模式函数自定义坐标系
|
定位技术
基于高德地图的描点操作,监听地图缩放,展示合理数量的marker
原文:基于高德地图的描点操作,监听地图缩放,展示合理数量的marker 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lx583274568/article/details/54089707 1.根据两点经纬度算两点之间的距离函数 function Rad(d){ return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式。
1902 0

热门文章

最新文章