1.0.1 • Published 2 years ago

bmap-multipolyline v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

bmap-multipolyline

百度地图多段线绘制插件

使用说明

安装

npm install bmap-multipolyline
# OR
yarn add bmap-multipolyline

使用

import bMapMultiPolyline from 'bmap-multipolyline';

// 百度地图加载完成后调用
bMapMultiPolyline();

// 绘制多段线
BMap.MultiPolyline(points, options);
// 或者
BMapGL.MultiPolyline(points, options);

示例

let multiPoints = [
  [
    '116.27961508447355,40.049453414029834',
    '116.2801675423622,40.04985729053617',
    '116.2798172032133,40.050264616535344',
    '116.28072000025082,40.050461374825595',
    '116.2815823735404,40.05003679043139',
    '116.28114220384052,40.04954661651461',
  ],
  ['116.27966898280415,40.04863529781763', '116.28142067854861,40.04870778952721'],
];
multiPoints = multiPoints.map((points) => points.map((point) => new BMapGL.Point(...point.split(','))));

const multiPolyline = new BMapGL.MultiPolyline(multiPoints, { strokeColor: 'red' });
map.addOverlay(multiPolyline);

参数

参数类型描述
pointsArray多段线的 Point 二维数组
optionsObject多段线的配置

options

属性类型描述
strokeColorString多段线颜色
strokeWeightNumber多段线的宽度,以像素为单位
strokeOpacityNumber多段线的透明度,取值范围 0 - 1
1.0.1

2 years ago

1.0.0

2 years ago