xy-map 1.1.70 → 1.1.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/xy-map.common.js +66 -21
- package/xy-map.umd.js +66 -21
- package/xy-map.umd.min.js +3 -3
package/package.json
CHANGED
package/xy-map.common.js
CHANGED
|
@@ -224,7 +224,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".snow[data-v-20664206]{position:absolu
|
|
|
224
224
|
|
|
225
225
|
/***/ }),
|
|
226
226
|
|
|
227
|
-
/***/
|
|
227
|
+
/***/ 2641:
|
|
228
228
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
229
229
|
|
|
230
230
|
"use strict";
|
|
@@ -238,7 +238,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
238
238
|
|
|
239
239
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
240
240
|
// Module
|
|
241
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-
|
|
241
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-64f0c5e8]{position:absolute;left:0;top:0;margin:15px;background-color:hsla(0,0%,100%,.9);padding:14px;border-radius:5px}.tools .tools-bar[data-v-64f0c5e8]{cursor:pointer}.right-fixed[data-v-64f0c5e8]{position:absolute;right:0;top:0;margin:15px}.split-tooltip[data-v-64f0c5e8]{position:fixed;background-color:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000}", ""]);
|
|
242
242
|
// Exports
|
|
243
243
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
244
244
|
|
|
@@ -43505,19 +43505,19 @@ var update = add("4a7b31d4", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
43505
43505
|
|
|
43506
43506
|
/***/ }),
|
|
43507
43507
|
|
|
43508
|
-
/***/
|
|
43508
|
+
/***/ 647:
|
|
43509
43509
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
43510
43510
|
|
|
43511
43511
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
43512
43512
|
|
|
43513
43513
|
// load the styles
|
|
43514
|
-
var content = __webpack_require__(
|
|
43514
|
+
var content = __webpack_require__(2641);
|
|
43515
43515
|
if(content.__esModule) content = content.default;
|
|
43516
43516
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
43517
43517
|
if(content.locals) module.exports = content.locals;
|
|
43518
43518
|
// add the styles to the DOM
|
|
43519
43519
|
var add = (__webpack_require__(7037)/* ["default"] */ .Z)
|
|
43520
|
-
var update = add("
|
|
43520
|
+
var update = add("726b6d8a", content, true, {"sourceMap":false,"shadowMode":false});
|
|
43521
43521
|
|
|
43522
43522
|
/***/ }),
|
|
43523
43523
|
|
|
@@ -121188,8 +121188,8 @@ var mapStyle_component = normalizeComponent(
|
|
|
121188
121188
|
)
|
|
121189
121189
|
|
|
121190
121190
|
/* harmony default export */ var mapStyle = (mapStyle_component.exports);
|
|
121191
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=
|
|
121192
|
-
var
|
|
121191
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=64f0c5e8&scoped=true&
|
|
121192
|
+
var drawvue_type_template_id_64f0c5e8_scoped_true_render = function render() {
|
|
121193
121193
|
var _vm = this,
|
|
121194
121194
|
_c = _vm._self._c;
|
|
121195
121195
|
return _c('div', [_c('div', {
|
|
@@ -121350,9 +121350,12 @@ var drawvue_type_template_id_ebd8c18a_scoped_true_render = function render() {
|
|
|
121350
121350
|
}
|
|
121351
121351
|
}) : _vm._e()], 1) : _vm._e(), _vm._t("tools")], 2), _c('div', {
|
|
121352
121352
|
staticClass: "right-fixed"
|
|
121353
|
-
}, [_vm._t("right-fixed")], 2)
|
|
121353
|
+
}, [_vm._t("right-fixed")], 2), _vm.tooltip.show ? _c('div', {
|
|
121354
|
+
staticClass: "split-tooltip",
|
|
121355
|
+
style: _vm.tooltip.style
|
|
121356
|
+
}, [_vm._v(_vm._s(_vm.tooltip.text))]) : _vm._e()]);
|
|
121354
121357
|
};
|
|
121355
|
-
var
|
|
121358
|
+
var drawvue_type_template_id_64f0c5e8_scoped_true_staticRenderFns = [];
|
|
121356
121359
|
|
|
121357
121360
|
// EXTERNAL MODULE: ./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css
|
|
121358
121361
|
var dist_mapbox_gl_draw = __webpack_require__(6957);
|
|
@@ -121912,7 +121915,16 @@ var shpFile_component = normalizeComponent(
|
|
|
121912
121915
|
lat: '',
|
|
121913
121916
|
geoJson: '',
|
|
121914
121917
|
selectPoint: [],
|
|
121915
|
-
conbineDrawFeature: null
|
|
121918
|
+
conbineDrawFeature: null,
|
|
121919
|
+
//拆分选择要素
|
|
121920
|
+
tooltip: {
|
|
121921
|
+
//拆分提示
|
|
121922
|
+
show: false,
|
|
121923
|
+
//是否显示
|
|
121924
|
+
text: '',
|
|
121925
|
+
//提示文本
|
|
121926
|
+
style: {} //样式
|
|
121927
|
+
}
|
|
121916
121928
|
};
|
|
121917
121929
|
},
|
|
121918
121930
|
|
|
@@ -121956,6 +121968,10 @@ var shpFile_component = normalizeComponent(
|
|
|
121956
121968
|
map.on('draw.update', this.drawUpdate);
|
|
121957
121969
|
// map.on('draw.delete', this.delete)
|
|
121958
121970
|
map.on('draw.selectionchange', this.select);
|
|
121971
|
+
// 监听鼠标移动以更新提示位置
|
|
121972
|
+
map.on('mousemove', this.updateTooltipPosition);
|
|
121973
|
+
// 监听绘制模式变化
|
|
121974
|
+
map.on('draw.modechange', this.handleModeChange);
|
|
121959
121975
|
// this.getCenter()
|
|
121960
121976
|
|
|
121961
121977
|
// map.on('draw.modechange', (e) => {
|
|
@@ -122050,6 +122066,8 @@ var shpFile_component = normalizeComponent(
|
|
|
122050
122066
|
if (this.conbineDrawFeature) {
|
|
122051
122067
|
this.splitFeature(this.conbineDrawFeature, e.features[0]);
|
|
122052
122068
|
this.conbineDrawFeature = null;
|
|
122069
|
+
// 隐藏提示
|
|
122070
|
+
this.tooltip.show = false;
|
|
122053
122071
|
} else {
|
|
122054
122072
|
//其他绘制
|
|
122055
122073
|
this.type = 'move';
|
|
@@ -122135,7 +122153,7 @@ var shpFile_component = normalizeComponent(
|
|
|
122135
122153
|
combineFeatures() {
|
|
122136
122154
|
const selectedFeatures = this.draw.getSelected().features;
|
|
122137
122155
|
if (selectedFeatures.length < 2) {
|
|
122138
|
-
this.$message.warning('
|
|
122156
|
+
this.$message.warning('请按住Shift键,至少选择两个' + this.getDrawType() + '进行合并!');
|
|
122139
122157
|
return;
|
|
122140
122158
|
}
|
|
122141
122159
|
const featureTypes = new Set(selectedFeatures.map(f => f.geometry.type.replace('Multi', '')));
|
|
@@ -122153,21 +122171,27 @@ var shpFile_component = normalizeComponent(
|
|
|
122153
122171
|
combineFeature: feature,
|
|
122154
122172
|
selectedFeatures
|
|
122155
122173
|
});
|
|
122174
|
+
console.log('合并成功');
|
|
122156
122175
|
},
|
|
122157
122176
|
// 拆分要素(支持多边形和线)
|
|
122158
122177
|
uncombineFeatures() {
|
|
122178
|
+
console.log('this.list', this.list);
|
|
122159
122179
|
const selectedFeatures = this.draw.getSelected().features;
|
|
122160
122180
|
if (selectedFeatures.length !== 1) {
|
|
122161
|
-
this.$message.warning('
|
|
122181
|
+
this.$message.warning('请选择一个' + this.getDrawType() + '进行拆分!');
|
|
122162
122182
|
return;
|
|
122163
122183
|
}
|
|
122164
122184
|
if (selectedFeatures[0].geometry.type === 'Point') {
|
|
122165
|
-
this.$message.warning('
|
|
122185
|
+
this.$message.warning('不支持拆分点图层!');
|
|
122166
122186
|
return;
|
|
122167
122187
|
}
|
|
122168
|
-
|
|
122169
|
-
// 拆分线
|
|
122170
122188
|
this.conbineDrawFeature = selectedFeatures[0];
|
|
122189
|
+
let typeName = this.conbineDrawFeature.geometry.type.includes('LineString') ? '线' : '面';
|
|
122190
|
+
this.tooltip.text = '请绘制切割线,并与要拆分' + typeName + '相交';
|
|
122191
|
+
// 拆分线
|
|
122192
|
+
|
|
122193
|
+
// 显示鼠标跟随提示
|
|
122194
|
+
this.tooltip.show = true;
|
|
122171
122195
|
this.draw.changeMode('draw_line_string', {
|
|
122172
122196
|
continueDrawing: false
|
|
122173
122197
|
});
|
|
@@ -122232,11 +122256,32 @@ var shpFile_component = normalizeComponent(
|
|
|
122232
122256
|
uncombineFeature: newLines,
|
|
122233
122257
|
oldFeature
|
|
122234
122258
|
});
|
|
122259
|
+
console.log('拆分成功,要素被拆分为' + newLines.length + '段');
|
|
122235
122260
|
} catch (error) {
|
|
122236
122261
|
console.error('线拆分失败:', error);
|
|
122237
122262
|
this.$message.warning('拆分线失败,请确保分割线有效!');
|
|
122238
122263
|
}
|
|
122239
122264
|
},
|
|
122265
|
+
//获取当前绘制要素类型
|
|
122266
|
+
getDrawType() {
|
|
122267
|
+
return this.list.length == 1 && this.list[0] == 'line' ? '条线' : this.list.length == 1 && this.list[0] == 'polygon' ? '个面' : '要素';
|
|
122268
|
+
},
|
|
122269
|
+
// 更新提示位置
|
|
122270
|
+
updateTooltipPosition(e) {
|
|
122271
|
+
if (this.tooltip.show) {
|
|
122272
|
+
this.tooltip.style = {
|
|
122273
|
+
left: `${e.originalEvent.clientX + 10}px`,
|
|
122274
|
+
top: `${e.originalEvent.clientY + 10}px`
|
|
122275
|
+
};
|
|
122276
|
+
}
|
|
122277
|
+
},
|
|
122278
|
+
// 处理绘制模式变化
|
|
122279
|
+
handleModeChange(e) {
|
|
122280
|
+
// 当退出 draw_line_string 模式时,隐藏提示
|
|
122281
|
+
if (e.mode !== 'draw_line_string' && this.tooltip.show) {
|
|
122282
|
+
this.tooltip.show = false;
|
|
122283
|
+
}
|
|
122284
|
+
},
|
|
122240
122285
|
getCenter() {
|
|
122241
122286
|
const {
|
|
122242
122287
|
lng,
|
|
@@ -122287,9 +122332,9 @@ var shpFile_component = normalizeComponent(
|
|
|
122287
122332
|
});
|
|
122288
122333
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=script&lang=js&
|
|
122289
122334
|
/* harmony default export */ var package_drawvue_type_script_lang_js_ = (drawvue_type_script_lang_js_);
|
|
122290
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=
|
|
122291
|
-
var
|
|
122292
|
-
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=
|
|
122335
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=64f0c5e8&prod&lang=scss&scoped=true&
|
|
122336
|
+
var drawvue_type_style_index_0_id_64f0c5e8_prod_lang_scss_scoped_true_ = __webpack_require__(647);
|
|
122337
|
+
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=64f0c5e8&prod&lang=scss&scoped=true&
|
|
122293
122338
|
|
|
122294
122339
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue
|
|
122295
122340
|
|
|
@@ -122302,11 +122347,11 @@ var drawvue_type_style_index_0_id_ebd8c18a_prod_lang_scss_scoped_true_ = __webpa
|
|
|
122302
122347
|
|
|
122303
122348
|
var draw_component = normalizeComponent(
|
|
122304
122349
|
package_drawvue_type_script_lang_js_,
|
|
122305
|
-
|
|
122306
|
-
|
|
122350
|
+
drawvue_type_template_id_64f0c5e8_scoped_true_render,
|
|
122351
|
+
drawvue_type_template_id_64f0c5e8_scoped_true_staticRenderFns,
|
|
122307
122352
|
false,
|
|
122308
122353
|
null,
|
|
122309
|
-
"
|
|
122354
|
+
"64f0c5e8",
|
|
122310
122355
|
null
|
|
122311
122356
|
|
|
122312
122357
|
)
|
package/xy-map.umd.js
CHANGED
|
@@ -234,7 +234,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".snow[data-v-20664206]{position:absolu
|
|
|
234
234
|
|
|
235
235
|
/***/ }),
|
|
236
236
|
|
|
237
|
-
/***/
|
|
237
|
+
/***/ 6791:
|
|
238
238
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
239
239
|
|
|
240
240
|
"use strict";
|
|
@@ -248,7 +248,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
248
248
|
|
|
249
249
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
250
250
|
// Module
|
|
251
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-
|
|
251
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".tools[data-v-64f0c5e8]{position:absolute;left:0;top:0;margin:15px;background-color:hsla(0,0%,100%,.9);padding:14px;border-radius:5px}.tools .tools-bar[data-v-64f0c5e8]{cursor:pointer}.right-fixed[data-v-64f0c5e8]{position:absolute;right:0;top:0;margin:15px}.split-tooltip[data-v-64f0c5e8]{position:fixed;background-color:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000}", ""]);
|
|
252
252
|
// Exports
|
|
253
253
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
254
254
|
|
|
@@ -43515,19 +43515,19 @@ var update = add("33a2ac54", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
43515
43515
|
|
|
43516
43516
|
/***/ }),
|
|
43517
43517
|
|
|
43518
|
-
/***/
|
|
43518
|
+
/***/ 8567:
|
|
43519
43519
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
43520
43520
|
|
|
43521
43521
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
43522
43522
|
|
|
43523
43523
|
// load the styles
|
|
43524
|
-
var content = __webpack_require__(
|
|
43524
|
+
var content = __webpack_require__(6791);
|
|
43525
43525
|
if(content.__esModule) content = content.default;
|
|
43526
43526
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
43527
43527
|
if(content.locals) module.exports = content.locals;
|
|
43528
43528
|
// add the styles to the DOM
|
|
43529
43529
|
var add = (__webpack_require__(208)/* ["default"] */ .Z)
|
|
43530
|
-
var update = add("
|
|
43530
|
+
var update = add("2cde388a", content, true, {"sourceMap":false,"shadowMode":false});
|
|
43531
43531
|
|
|
43532
43532
|
/***/ }),
|
|
43533
43533
|
|
|
@@ -121206,8 +121206,8 @@ var mapStyle_component = normalizeComponent(
|
|
|
121206
121206
|
)
|
|
121207
121207
|
|
|
121208
121208
|
/* harmony default export */ var mapStyle = (mapStyle_component.exports);
|
|
121209
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=
|
|
121210
|
-
var
|
|
121209
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=template&id=64f0c5e8&scoped=true&
|
|
121210
|
+
var drawvue_type_template_id_64f0c5e8_scoped_true_render = function render() {
|
|
121211
121211
|
var _vm = this,
|
|
121212
121212
|
_c = _vm._self._c;
|
|
121213
121213
|
return _c('div', [_c('div', {
|
|
@@ -121368,9 +121368,12 @@ var drawvue_type_template_id_ebd8c18a_scoped_true_render = function render() {
|
|
|
121368
121368
|
}
|
|
121369
121369
|
}) : _vm._e()], 1) : _vm._e(), _vm._t("tools")], 2), _c('div', {
|
|
121370
121370
|
staticClass: "right-fixed"
|
|
121371
|
-
}, [_vm._t("right-fixed")], 2)
|
|
121371
|
+
}, [_vm._t("right-fixed")], 2), _vm.tooltip.show ? _c('div', {
|
|
121372
|
+
staticClass: "split-tooltip",
|
|
121373
|
+
style: _vm.tooltip.style
|
|
121374
|
+
}, [_vm._v(_vm._s(_vm.tooltip.text))]) : _vm._e()]);
|
|
121372
121375
|
};
|
|
121373
|
-
var
|
|
121376
|
+
var drawvue_type_template_id_64f0c5e8_scoped_true_staticRenderFns = [];
|
|
121374
121377
|
|
|
121375
121378
|
// EXTERNAL MODULE: ./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css
|
|
121376
121379
|
var dist_mapbox_gl_draw = __webpack_require__(5620);
|
|
@@ -121930,7 +121933,16 @@ var shpFile_component = normalizeComponent(
|
|
|
121930
121933
|
lat: '',
|
|
121931
121934
|
geoJson: '',
|
|
121932
121935
|
selectPoint: [],
|
|
121933
|
-
conbineDrawFeature: null
|
|
121936
|
+
conbineDrawFeature: null,
|
|
121937
|
+
//拆分选择要素
|
|
121938
|
+
tooltip: {
|
|
121939
|
+
//拆分提示
|
|
121940
|
+
show: false,
|
|
121941
|
+
//是否显示
|
|
121942
|
+
text: '',
|
|
121943
|
+
//提示文本
|
|
121944
|
+
style: {} //样式
|
|
121945
|
+
}
|
|
121934
121946
|
};
|
|
121935
121947
|
},
|
|
121936
121948
|
|
|
@@ -121974,6 +121986,10 @@ var shpFile_component = normalizeComponent(
|
|
|
121974
121986
|
map.on('draw.update', this.drawUpdate);
|
|
121975
121987
|
// map.on('draw.delete', this.delete)
|
|
121976
121988
|
map.on('draw.selectionchange', this.select);
|
|
121989
|
+
// 监听鼠标移动以更新提示位置
|
|
121990
|
+
map.on('mousemove', this.updateTooltipPosition);
|
|
121991
|
+
// 监听绘制模式变化
|
|
121992
|
+
map.on('draw.modechange', this.handleModeChange);
|
|
121977
121993
|
// this.getCenter()
|
|
121978
121994
|
|
|
121979
121995
|
// map.on('draw.modechange', (e) => {
|
|
@@ -122068,6 +122084,8 @@ var shpFile_component = normalizeComponent(
|
|
|
122068
122084
|
if (this.conbineDrawFeature) {
|
|
122069
122085
|
this.splitFeature(this.conbineDrawFeature, e.features[0]);
|
|
122070
122086
|
this.conbineDrawFeature = null;
|
|
122087
|
+
// 隐藏提示
|
|
122088
|
+
this.tooltip.show = false;
|
|
122071
122089
|
} else {
|
|
122072
122090
|
//其他绘制
|
|
122073
122091
|
this.type = 'move';
|
|
@@ -122153,7 +122171,7 @@ var shpFile_component = normalizeComponent(
|
|
|
122153
122171
|
combineFeatures() {
|
|
122154
122172
|
const selectedFeatures = this.draw.getSelected().features;
|
|
122155
122173
|
if (selectedFeatures.length < 2) {
|
|
122156
|
-
this.$message.warning('
|
|
122174
|
+
this.$message.warning('请按住Shift键,至少选择两个' + this.getDrawType() + '进行合并!');
|
|
122157
122175
|
return;
|
|
122158
122176
|
}
|
|
122159
122177
|
const featureTypes = new Set(selectedFeatures.map(f => f.geometry.type.replace('Multi', '')));
|
|
@@ -122171,21 +122189,27 @@ var shpFile_component = normalizeComponent(
|
|
|
122171
122189
|
combineFeature: feature,
|
|
122172
122190
|
selectedFeatures
|
|
122173
122191
|
});
|
|
122192
|
+
console.log('合并成功');
|
|
122174
122193
|
},
|
|
122175
122194
|
// 拆分要素(支持多边形和线)
|
|
122176
122195
|
uncombineFeatures() {
|
|
122196
|
+
console.log('this.list', this.list);
|
|
122177
122197
|
const selectedFeatures = this.draw.getSelected().features;
|
|
122178
122198
|
if (selectedFeatures.length !== 1) {
|
|
122179
|
-
this.$message.warning('
|
|
122199
|
+
this.$message.warning('请选择一个' + this.getDrawType() + '进行拆分!');
|
|
122180
122200
|
return;
|
|
122181
122201
|
}
|
|
122182
122202
|
if (selectedFeatures[0].geometry.type === 'Point') {
|
|
122183
|
-
this.$message.warning('
|
|
122203
|
+
this.$message.warning('不支持拆分点图层!');
|
|
122184
122204
|
return;
|
|
122185
122205
|
}
|
|
122186
|
-
|
|
122187
|
-
// 拆分线
|
|
122188
122206
|
this.conbineDrawFeature = selectedFeatures[0];
|
|
122207
|
+
let typeName = this.conbineDrawFeature.geometry.type.includes('LineString') ? '线' : '面';
|
|
122208
|
+
this.tooltip.text = '请绘制切割线,并与要拆分' + typeName + '相交';
|
|
122209
|
+
// 拆分线
|
|
122210
|
+
|
|
122211
|
+
// 显示鼠标跟随提示
|
|
122212
|
+
this.tooltip.show = true;
|
|
122189
122213
|
this.draw.changeMode('draw_line_string', {
|
|
122190
122214
|
continueDrawing: false
|
|
122191
122215
|
});
|
|
@@ -122250,11 +122274,32 @@ var shpFile_component = normalizeComponent(
|
|
|
122250
122274
|
uncombineFeature: newLines,
|
|
122251
122275
|
oldFeature
|
|
122252
122276
|
});
|
|
122277
|
+
console.log('拆分成功,要素被拆分为' + newLines.length + '段');
|
|
122253
122278
|
} catch (error) {
|
|
122254
122279
|
console.error('线拆分失败:', error);
|
|
122255
122280
|
this.$message.warning('拆分线失败,请确保分割线有效!');
|
|
122256
122281
|
}
|
|
122257
122282
|
},
|
|
122283
|
+
//获取当前绘制要素类型
|
|
122284
|
+
getDrawType() {
|
|
122285
|
+
return this.list.length == 1 && this.list[0] == 'line' ? '条线' : this.list.length == 1 && this.list[0] == 'polygon' ? '个面' : '要素';
|
|
122286
|
+
},
|
|
122287
|
+
// 更新提示位置
|
|
122288
|
+
updateTooltipPosition(e) {
|
|
122289
|
+
if (this.tooltip.show) {
|
|
122290
|
+
this.tooltip.style = {
|
|
122291
|
+
left: `${e.originalEvent.clientX + 10}px`,
|
|
122292
|
+
top: `${e.originalEvent.clientY + 10}px`
|
|
122293
|
+
};
|
|
122294
|
+
}
|
|
122295
|
+
},
|
|
122296
|
+
// 处理绘制模式变化
|
|
122297
|
+
handleModeChange(e) {
|
|
122298
|
+
// 当退出 draw_line_string 模式时,隐藏提示
|
|
122299
|
+
if (e.mode !== 'draw_line_string' && this.tooltip.show) {
|
|
122300
|
+
this.tooltip.show = false;
|
|
122301
|
+
}
|
|
122302
|
+
},
|
|
122258
122303
|
getCenter() {
|
|
122259
122304
|
const {
|
|
122260
122305
|
lng,
|
|
@@ -122305,9 +122350,9 @@ var shpFile_component = normalizeComponent(
|
|
|
122305
122350
|
});
|
|
122306
122351
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=script&lang=js&
|
|
122307
122352
|
/* harmony default export */ var package_drawvue_type_script_lang_js_ = (drawvue_type_script_lang_js_);
|
|
122308
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=
|
|
122309
|
-
var
|
|
122310
|
-
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=
|
|
122353
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/draw/index.vue?vue&type=style&index=0&id=64f0c5e8&prod&lang=scss&scoped=true&
|
|
122354
|
+
var drawvue_type_style_index_0_id_64f0c5e8_prod_lang_scss_scoped_true_ = __webpack_require__(8567);
|
|
122355
|
+
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=64f0c5e8&prod&lang=scss&scoped=true&
|
|
122311
122356
|
|
|
122312
122357
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue
|
|
122313
122358
|
|
|
@@ -122320,11 +122365,11 @@ var drawvue_type_style_index_0_id_ebd8c18a_prod_lang_scss_scoped_true_ = __webpa
|
|
|
122320
122365
|
|
|
122321
122366
|
var draw_component = normalizeComponent(
|
|
122322
122367
|
package_drawvue_type_script_lang_js_,
|
|
122323
|
-
|
|
122324
|
-
|
|
122368
|
+
drawvue_type_template_id_64f0c5e8_scoped_true_render,
|
|
122369
|
+
drawvue_type_template_id_64f0c5e8_scoped_true_staticRenderFns,
|
|
122325
122370
|
false,
|
|
122326
122371
|
null,
|
|
122327
|
-
"
|
|
122372
|
+
"64f0c5e8",
|
|
122328
122373
|
null
|
|
122329
122374
|
|
|
122330
122375
|
)
|