高德地图API绘制Polygon多边形以及清除

今天讨论这样一个场景:根据一组给定的坐标来绘制很多很多的多边形,并且在一个事件里面清除所有的形状,我用的是高德地图api,有的细节和思路在文档里面不能快速找到清晰的说明,大家看了以下的代码希望能有所启发
绘制图像:

        items.map(item => {
          let { fenceid, fence } = item;
  
          const pathPoint = fence.map(value => {
            return [x, y];
          });
  
            let polygon = new AMap.Polygon({
              path: pathPoint,
              strokeWeight: 1,
              strokeColor: '#ff8f1f',
              strokeOpacity: 0.9,
              fillColor: '#4876FF',
              fillOpacity: 0,
              map: this.map
            });
            this.cache[fenceid] = {
              fence,
              polygon
            }; 

            polygon.setMap(this.map);    
        });

清除图像:

clearFence = ()=>{
      if(this.cache){
        for(let i in this.cache){
          var _i = i;
          this.cache[i].polygon.hide();
        }
        this.cache = {};
      }
      return;
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为要做一个地图操作的项目,需要用到这个地图库,但是查询官方API麻烦,而且这个地图框架的API做的用起来确实太麻...
    虚幻的锈色阅读 34,024评论 1 15
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,482评论 25 708
  • 少年时期的爱情 美好而青涩 充满了各种任性和小确幸 像枝头的青苹果
    一叶茶阅读 285评论 0 2
  • 今天好像是冻着了 在班里把衣服借给窦婉婷穿了 有点小低烧 睡一觉应该就好了 这里的好多初中同学就跟不认识一样 没关...
    Diana_04f8阅读 163评论 0 0
  • 我们来到这个世界,我们又告别这个世界。 我们来过这个世界,我们感受过铭记过,也被怀念过。 当偶尔还能想起我们与我们...
    觥嫦阅读 338评论 0 0