vue maptalks测量距离以及测量面积工具，在绘制完一次后结束绘制，当再次点击时开始绘制

最新推荐文章于 2024-02-19 15:25:38 发布

不想上班只想要钱

最新推荐文章于 2024-02-19 15:25:38 发布

阅读量574

点赞数

分类专栏： css 前端 html 文章标签： vue.js 前端 maptalks

本文链接：https://blog.csdn.net/Aa12364567/article/details/126302390

版权

前端同时被 3 个专栏收录

152 篇文章 3 订阅

订阅专栏

html

89 篇文章 1 订阅

订阅专栏

css

84 篇文章 1 订阅

订阅专栏

添加once: true属性

            // 测量距离
            this.distanceTool = new maptalks.DistanceTool({
                'symbol': {
                    'lineColor': '#34495e',
                    'lineWidth': 2
                },
                'vertexSymbol': {
                    'markerType': 'ellipse',
                    'markerFill': '#1bbc9b',
                    'markerLineColor': '#000',
                    'markerLineWidth': 3,
                    'markerWidth': 10,
                    'markerHeight': 10
                },

                'labelOptions': {
                    'textSymbol': {
                        'textFaceName': 'monospace',
                        'textFill': '#fff',
                        'textLineSpacing': 1,
                        'textHorizontalAlignment': 'right',
                        'textDx': 15,
                        'markerLineColor': '#b4b3b3',
                        'markerFill': '#000'
                    },
                    'boxStyle': {
                        'padding': [6, 2],
                        'symbol': {
                            'markerType': 'square',
                            'markerFill': '#000',
                            'markerFillOpacity': 0.9,
                            'markerLineColor': '#b4b3b3'
                        }
                    }
                },
                'clearButtonSymbol': [{
                    'markerType': 'square',
                    'markerFill': '#000',
                    'markerLineColor': '#b4b3b3',
                    'markerLineWidth': 2,
                    'markerWidth': 15,
                    'markerHeight': 15,
                    'markerDx': 20
                }, {
                    'markerType': 'x',
                    'markerWidth': 10,
                    'markerHeight': 10,
                    'markerLineColor': '#fff',
                    'markerDx': 20
                }],
                'language': 'en-US',
                 once: true
            }).addTo(this.map);
            this.distanceTool.disable()