【maptalks】vue中maptalks的测距工具以及测面积的打开使用与禁止使用

993人已阅读时间：2022-12-24 14:50:29

### vue中maptalks的测距工具以及测面积的打开使用与禁止使用

#### 测距工具隐藏和开启

```language
addDistancetool(){
      this.distanceTool = new maptalks.DistanceTool({
          'once' : true,
          'symbol': {
          'lineColor' : '#FF6A6A',
          'lineWidth' : 2
        },
          'vertexSymbol' : {
          'markerType'        : 'ellipse',
          'markerFill'        : '#1bbc9b',
          'markerLineColor'   : '#000',
          'markerLineWidth'   : 3,
          'markerWidth'       : 10,
          'markerHeight'      : 10
        }
    }).addTo(this.map).disable();
  },
   //调用
  this.distanceTool.enable()
```

#### 测面工具的隐藏和开启

```language
//测面积工具  addAreatool(){
    this.areaTool=new maptalks.AreaTool({
          'once' : true,
          'symbol': {
            'lineColor' : '#FF6A6A',
            'lineWidth' : 2,
            'polygonFill':'#FF6A6A',
            'polygonOpacity':0.4
          },
          'vertexSymbol' : {
          'markerType'        : 'ellipse',
          'markerFill'        : '#1bbc9b',
          'markerLineColor'   : '#000',
          'markerLineWidth'   : 3,
          'markerWidth'       : 10,
          'markerHeight'      : 10
         }
       }).addTo(this.map).disable();
  },
   //调用
   this.areaTool.enable();
```

上一篇：echarts 基本配置项

下一篇：echarts 鼠标移入高亮显示