浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
 
第2行: 第2行:
 
<div class="wrap-time-sdk" style="margin-top: -15px;">更新时间:2020-06-23</div>
 
<div class="wrap-time-sdk" style="margin-top: -15px;">更新时间:2020-06-23</div>
 
  本章节将对绘制弧线、绘制圆以及多边形进行说明。
 
  本章节将对绘制弧线、绘制圆以及多边形进行说明。
<div class="bluetitle"><div class="services-title-text service-page-anchor">绘制弧线</div></div>
+
<div class="bluetitle"><div class="services-title-text">绘制弧线</div></div>
 
弧线由Arc类定义,一条弧线由起点、中点和终点三个点确定位置。<br/>示例代码如下:
 
弧线由Arc类定义,一条弧线由起点、中点和终点三个点确定位置。<br/>示例代码如下:
 
<pre class="prettyprint codestyle">/// 坐标点
 
<pre class="prettyprint codestyle">/// 坐标点
第15行: 第15行:
 
&nbsp; &nbsp; &nbsp; &nbsp; lineDashType: BMFLineDashType.LineDashTypeNone,
 
&nbsp; &nbsp; &nbsp; &nbsp; lineDashType: BMFLineDashType.LineDashTypeNone,
 
&nbsp; &nbsp; &nbsp; &nbsp; width: 6,
 
&nbsp; &nbsp; &nbsp; &nbsp; width: 6,
&nbsp; &nbsp; &nbsp; &nbsp; strokeColor: Colors.blue);
+
&nbsp; &nbsp; &nbsp; &nbsp; color: Colors.blue);
  
 
/// 添加arcLine
 
/// 添加arcLine
第22行: 第22行:
 
绘制效果如图:<br/><div class="urltoimg" style="width: 260px;">&nbsp; &nbsp; &nbsp;<div class="urltoimg" style="width: 260px;">
 
绘制效果如图:<br/><div class="urltoimg" style="width: 260px;">&nbsp; &nbsp; &nbsp;<div class="urltoimg" style="width: 260px;">
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/huxian.jpg
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/huxian.jpg
</div></div><div class="bluetitle"><div class="services-title-text service-page-anchor">绘制圆</div></div>
+
</div></div><div class="bluetitle"><div class="services-title-text">绘制圆</div></div>
 
圆由BMFCircle类定义,开发者可以通过BMFCircle类设置圆心位置、半径(米)、边框以及填充颜色。<br/>示例代码如下:
 
圆由BMFCircle类定义,开发者可以通过BMFCircle类设置圆心位置、半径(米)、边框以及填充颜色。<br/>示例代码如下:
 
<pre class="prettyprint codestyle">/// 构造圆
 
<pre class="prettyprint codestyle">/// 构造圆
第38行: 第38行:
 
绘制效果如图:<br/><div class="urltoimg" style="width: 260px;">&nbsp; &nbsp;<div class="urltoimg" style="width: 260px;">
 
绘制效果如图:<br/><div class="urltoimg" style="width: 260px;">&nbsp; &nbsp;<div class="urltoimg" style="width: 260px;">
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/circle.jpg
 
https://mapopen-website-wiki.cdn.bcebos.com/flutter/static/circle.jpg
</div></div><div class="bluetitle"><div class="services-title-text service-page-anchor">绘制多边形</div></div>
+
</div></div><div class="bluetitle"><div class="services-title-text">绘制多边形</div></div>
 
多边形由BMFPolygon类定义。开发者可以通过BMFPolygon来设置多边形的位置、边框和填充颜色。一个多边形是一组Latlng点按照传入顺序连接而成的封闭图形。<br/>示例代码如下:
 
多边形由BMFPolygon类定义。开发者可以通过BMFPolygon来设置多边形的位置、边框和填充颜色。一个多边形是一组Latlng点按照传入顺序连接而成的封闭图形。<br/>示例代码如下:
 
<pre class="prettyprint codestyle">/// 坐标点
 
<pre class="prettyprint codestyle">/// 坐标点

2020年7月29日 (三) 06:10的最后版本

更新时间:2020-06-23
本章节将对绘制弧线、绘制圆以及多边形进行说明。
绘制弧线

弧线由Arc类定义,一条弧线由起点、中点和终点三个点确定位置。
示例代码如下:

/// 坐标点
List<BMFCoordinate> coordinates = List(3);
coordinates[0] = BMFCoordinate(40.065, 116.224);
coordinates[1] = BMFCoordinate(40.125, 116.404);
coordinates[2] = BMFCoordinate(40.065, 116.504);

/// 构造ArcLine
BMFArcline arcline = BMFArcline(
        coordinates: coordinates,
        lineDashType: BMFLineDashType.LineDashTypeNone,
        width: 6,
        color: Colors.blue);

/// 添加arcLine
myMapController?.addArcline(arcline);
绘制效果如图:
     

huxian.jpg

绘制圆

圆由BMFCircle类定义,开发者可以通过BMFCircle类设置圆心位置、半径(米)、边框以及填充颜色。
示例代码如下:

/// 构造圆
BMFCircle circle = BMFCircle(
        center: BMFCoordinate(40.048, 116.404),
        radius: 5000,
        width: 6,
        strokeColor: Colors.green,
        fillColor: Colors.amber,
        lineDashType: BMFLineDashType.LineDashTypeSquare);

/// 添加圆
myMapController?.addCircle(circle)
绘制效果如图:
   

circle.jpg

绘制多边形

多边形由BMFPolygon类定义。开发者可以通过BMFPolygon来设置多边形的位置、边框和填充颜色。一个多边形是一组Latlng点按照传入顺序连接而成的封闭图形。
示例代码如下:

/// 坐标点
List<BMFCoordinate> coordinates = List(5);
    coordinates[0] = BMFCoordinate(39.965, 116.204);
    coordinates[1] = BMFCoordinate(39.865, 116.204);
    coordinates[2] = BMFCoordinate(39.865, 116.304);
    coordinates[3] = BMFCoordinate(39.905, 116.254);
    coordinates[4] = BMFCoordinate(39.965, 116.304);

/// 构造Polygon
BMFPolygon polygon = BMFPolygon(
        coordinates: coordinates,
        strokeColor: Colors.blue, 
        width: 4, 
        fillColor: Colors.brown);

/// 添加polygon
myMapController?.addPolygon(polygon);

绘制效果如图:

polygon.jpg

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消