来认识一下除了Marker之外的覆盖物，圆Circle、多边形Polygon、折线Polyline等。

以圆为代表来详细了解一下。圆的类名为Circle。圆的几何学定义：指的是平面中到一个定点距离为定值的所有点的集合。通常这称之为圆周，这里的圆指的是圆周及圆周所包含的部分。我们在上次创建好的地图上继续操作。

创建圆

使用AMap.Circle创建了一个圆实例，并指定圆心的经纬度、圆半径、填充透明度、轮廓线宽度。

JavaScript
var circle = new AMap.Circle({
    center: [116.480983, 39.989628],    
    radius: 100,
    fillOpacity:0.2,                //填充透明度             
    fillColor:"#ff3399",            //填充颜色       
    strokeWeight:1,                 //轮廓线宽度
  });
circle.setMap(map);

做一个会动的圆

试想以下某场景，某点周围1000米内为所属区，所属区内禁止同类出现，那么就可以以该点为圆心划一半径为1000米的圆进行核查。通常需要圆可以移动，以方便操作。圆移动的方法可以用上一节点标注拖拽事件来实现，即点标注移动时，设置圆心经纬度与点标注经纬度一样。这样点标注与圆心是同一位置，便于观察。

JavaScript
marker.on('dragging',function(e){
    circle.setMarker(e.lnglat)
 });

最后，做出来的效果是这样的。前往体验
请输入图片描述

标签: none

添加新评论