xy-map 1.1.70 → 1.1.72
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 +67 -21
- package/xy-map.umd.js +67 -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
|
+
/***/ 4628:
|
|
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-75551f36]{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-75551f36]{cursor:pointer}.right-fixed[data-v-75551f36]{position:absolute;right:0;top:0;margin:15px}.split-tooltip[data-v-75551f36]{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
|
+
/***/ 412:
|
|
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__(4628);
|
|
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("c3d3315c", 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=75551f36&scoped=true&
|
|
121192
|
+
var drawvue_type_template_id_75551f36_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_75551f36_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,24 +122171,31 @@ var shpFile_component = normalizeComponent(
|
|
|
122153
122171
|
combineFeature: feature,
|
|
122154
122172
|
selectedFeatures
|
|
122155
122173
|
});
|
|
122174
|
+
console.log('合并成功');
|
|
122156
122175
|
},
|
|
122157
122176
|
// 拆分要素(支持多边形和线)
|
|
122158
122177
|
uncombineFeatures() {
|
|
122159
122178
|
const selectedFeatures = this.draw.getSelected().features;
|
|
122160
122179
|
if (selectedFeatures.length !== 1) {
|
|
122161
|
-
this.$message.warning('
|
|
122180
|
+
this.$message.warning('请选择一个' + this.getDrawType() + '进行拆分!');
|
|
122162
122181
|
return;
|
|
122163
122182
|
}
|
|
122164
122183
|
if (selectedFeatures[0].geometry.type === 'Point') {
|
|
122165
|
-
this.$message.warning('
|
|
122184
|
+
this.$message.warning('不支持拆分点图层!');
|
|
122166
122185
|
return;
|
|
122167
122186
|
}
|
|
122168
|
-
|
|
122169
|
-
// 拆分线
|
|
122170
122187
|
this.conbineDrawFeature = selectedFeatures[0];
|
|
122188
|
+
let typeName = this.conbineDrawFeature.geometry.type.includes('LineString') ? '线' : '面';
|
|
122189
|
+
this.tooltip.text = '请绘制切割线,并与要拆分' + typeName + '相交';
|
|
122190
|
+
// 拆分线
|
|
122191
|
+
|
|
122192
|
+
// 显示鼠标跟随提示
|
|
122193
|
+
this.tooltip.show = true;
|
|
122171
122194
|
this.draw.changeMode('draw_line_string', {
|
|
122172
122195
|
continueDrawing: false
|
|
122173
122196
|
});
|
|
122197
|
+
//开始拆分线
|
|
122198
|
+
this.$emit('start-uncombine');
|
|
122174
122199
|
},
|
|
122175
122200
|
// 拆分线(自定义实现)
|
|
122176
122201
|
splitFeature(oldFeature, splitLine) {
|
|
@@ -122232,11 +122257,32 @@ var shpFile_component = normalizeComponent(
|
|
|
122232
122257
|
uncombineFeature: newLines,
|
|
122233
122258
|
oldFeature
|
|
122234
122259
|
});
|
|
122260
|
+
console.log('拆分成功,要素被拆分为' + newLines.length + '段');
|
|
122235
122261
|
} catch (error) {
|
|
122236
122262
|
console.error('线拆分失败:', error);
|
|
122237
122263
|
this.$message.warning('拆分线失败,请确保分割线有效!');
|
|
122238
122264
|
}
|
|
122239
122265
|
},
|
|
122266
|
+
//获取当前绘制要素类型
|
|
122267
|
+
getDrawType() {
|
|
122268
|
+
return this.list.length == 1 && this.list[0] == 'line' ? '条线' : this.list.length == 1 && this.list[0] == 'polygon' ? '个面' : '要素';
|
|
122269
|
+
},
|
|
122270
|
+
// 更新提示位置
|
|
122271
|
+
updateTooltipPosition(e) {
|
|
122272
|
+
if (this.tooltip.show) {
|
|
122273
|
+
this.tooltip.style = {
|
|
122274
|
+
left: `${e.originalEvent.clientX + 10}px`,
|
|
122275
|
+
top: `${e.originalEvent.clientY + 10}px`
|
|
122276
|
+
};
|
|
122277
|
+
}
|
|
122278
|
+
},
|
|
122279
|
+
// 处理绘制模式变化
|
|
122280
|
+
handleModeChange(e) {
|
|
122281
|
+
// 当退出 draw_line_string 模式时,隐藏提示
|
|
122282
|
+
if (e.mode !== 'draw_line_string' && this.tooltip.show) {
|
|
122283
|
+
this.tooltip.show = false;
|
|
122284
|
+
}
|
|
122285
|
+
},
|
|
122240
122286
|
getCenter() {
|
|
122241
122287
|
const {
|
|
122242
122288
|
lng,
|
|
@@ -122287,9 +122333,9 @@ var shpFile_component = normalizeComponent(
|
|
|
122287
122333
|
});
|
|
122288
122334
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=script&lang=js&
|
|
122289
122335
|
/* 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=
|
|
122336
|
+
// 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=75551f36&prod&lang=scss&scoped=true&
|
|
122337
|
+
var drawvue_type_style_index_0_id_75551f36_prod_lang_scss_scoped_true_ = __webpack_require__(412);
|
|
122338
|
+
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=75551f36&prod&lang=scss&scoped=true&
|
|
122293
122339
|
|
|
122294
122340
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue
|
|
122295
122341
|
|
|
@@ -122302,11 +122348,11 @@ var drawvue_type_style_index_0_id_ebd8c18a_prod_lang_scss_scoped_true_ = __webpa
|
|
|
122302
122348
|
|
|
122303
122349
|
var draw_component = normalizeComponent(
|
|
122304
122350
|
package_drawvue_type_script_lang_js_,
|
|
122305
|
-
|
|
122306
|
-
|
|
122351
|
+
drawvue_type_template_id_75551f36_scoped_true_render,
|
|
122352
|
+
drawvue_type_template_id_75551f36_scoped_true_staticRenderFns,
|
|
122307
122353
|
false,
|
|
122308
122354
|
null,
|
|
122309
|
-
"
|
|
122355
|
+
"75551f36",
|
|
122310
122356
|
null
|
|
122311
122357
|
|
|
122312
122358
|
)
|
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
|
+
/***/ 3146:
|
|
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-75551f36]{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-75551f36]{cursor:pointer}.right-fixed[data-v-75551f36]{position:absolute;right:0;top:0;margin:15px}.split-tooltip[data-v-75551f36]{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
|
+
/***/ 9495:
|
|
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__(3146);
|
|
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("7e45fc5c", 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=75551f36&scoped=true&
|
|
121210
|
+
var drawvue_type_template_id_75551f36_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_75551f36_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,24 +122189,31 @@ var shpFile_component = normalizeComponent(
|
|
|
122171
122189
|
combineFeature: feature,
|
|
122172
122190
|
selectedFeatures
|
|
122173
122191
|
});
|
|
122192
|
+
console.log('合并成功');
|
|
122174
122193
|
},
|
|
122175
122194
|
// 拆分要素(支持多边形和线)
|
|
122176
122195
|
uncombineFeatures() {
|
|
122177
122196
|
const selectedFeatures = this.draw.getSelected().features;
|
|
122178
122197
|
if (selectedFeatures.length !== 1) {
|
|
122179
|
-
this.$message.warning('
|
|
122198
|
+
this.$message.warning('请选择一个' + this.getDrawType() + '进行拆分!');
|
|
122180
122199
|
return;
|
|
122181
122200
|
}
|
|
122182
122201
|
if (selectedFeatures[0].geometry.type === 'Point') {
|
|
122183
|
-
this.$message.warning('
|
|
122202
|
+
this.$message.warning('不支持拆分点图层!');
|
|
122184
122203
|
return;
|
|
122185
122204
|
}
|
|
122186
|
-
|
|
122187
|
-
// 拆分线
|
|
122188
122205
|
this.conbineDrawFeature = selectedFeatures[0];
|
|
122206
|
+
let typeName = this.conbineDrawFeature.geometry.type.includes('LineString') ? '线' : '面';
|
|
122207
|
+
this.tooltip.text = '请绘制切割线,并与要拆分' + typeName + '相交';
|
|
122208
|
+
// 拆分线
|
|
122209
|
+
|
|
122210
|
+
// 显示鼠标跟随提示
|
|
122211
|
+
this.tooltip.show = true;
|
|
122189
122212
|
this.draw.changeMode('draw_line_string', {
|
|
122190
122213
|
continueDrawing: false
|
|
122191
122214
|
});
|
|
122215
|
+
//开始拆分线
|
|
122216
|
+
this.$emit('start-uncombine');
|
|
122192
122217
|
},
|
|
122193
122218
|
// 拆分线(自定义实现)
|
|
122194
122219
|
splitFeature(oldFeature, splitLine) {
|
|
@@ -122250,11 +122275,32 @@ var shpFile_component = normalizeComponent(
|
|
|
122250
122275
|
uncombineFeature: newLines,
|
|
122251
122276
|
oldFeature
|
|
122252
122277
|
});
|
|
122278
|
+
console.log('拆分成功,要素被拆分为' + newLines.length + '段');
|
|
122253
122279
|
} catch (error) {
|
|
122254
122280
|
console.error('线拆分失败:', error);
|
|
122255
122281
|
this.$message.warning('拆分线失败,请确保分割线有效!');
|
|
122256
122282
|
}
|
|
122257
122283
|
},
|
|
122284
|
+
//获取当前绘制要素类型
|
|
122285
|
+
getDrawType() {
|
|
122286
|
+
return this.list.length == 1 && this.list[0] == 'line' ? '条线' : this.list.length == 1 && this.list[0] == 'polygon' ? '个面' : '要素';
|
|
122287
|
+
},
|
|
122288
|
+
// 更新提示位置
|
|
122289
|
+
updateTooltipPosition(e) {
|
|
122290
|
+
if (this.tooltip.show) {
|
|
122291
|
+
this.tooltip.style = {
|
|
122292
|
+
left: `${e.originalEvent.clientX + 10}px`,
|
|
122293
|
+
top: `${e.originalEvent.clientY + 10}px`
|
|
122294
|
+
};
|
|
122295
|
+
}
|
|
122296
|
+
},
|
|
122297
|
+
// 处理绘制模式变化
|
|
122298
|
+
handleModeChange(e) {
|
|
122299
|
+
// 当退出 draw_line_string 模式时,隐藏提示
|
|
122300
|
+
if (e.mode !== 'draw_line_string' && this.tooltip.show) {
|
|
122301
|
+
this.tooltip.show = false;
|
|
122302
|
+
}
|
|
122303
|
+
},
|
|
122258
122304
|
getCenter() {
|
|
122259
122305
|
const {
|
|
122260
122306
|
lng,
|
|
@@ -122305,9 +122351,9 @@ var shpFile_component = normalizeComponent(
|
|
|
122305
122351
|
});
|
|
122306
122352
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=script&lang=js&
|
|
122307
122353
|
/* 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=
|
|
122354
|
+
// 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=75551f36&prod&lang=scss&scoped=true&
|
|
122355
|
+
var drawvue_type_style_index_0_id_75551f36_prod_lang_scss_scoped_true_ = __webpack_require__(9495);
|
|
122356
|
+
;// CONCATENATED MODULE: ./src/package/draw/index.vue?vue&type=style&index=0&id=75551f36&prod&lang=scss&scoped=true&
|
|
122311
122357
|
|
|
122312
122358
|
;// CONCATENATED MODULE: ./src/package/draw/index.vue
|
|
122313
122359
|
|
|
@@ -122320,11 +122366,11 @@ var drawvue_type_style_index_0_id_ebd8c18a_prod_lang_scss_scoped_true_ = __webpa
|
|
|
122320
122366
|
|
|
122321
122367
|
var draw_component = normalizeComponent(
|
|
122322
122368
|
package_drawvue_type_script_lang_js_,
|
|
122323
|
-
|
|
122324
|
-
|
|
122369
|
+
drawvue_type_template_id_75551f36_scoped_true_render,
|
|
122370
|
+
drawvue_type_template_id_75551f36_scoped_true_staticRenderFns,
|
|
122325
122371
|
false,
|
|
122326
122372
|
null,
|
|
122327
|
-
"
|
|
122373
|
+
"75551f36",
|
|
122328
122374
|
null
|
|
122329
122375
|
|
|
122330
122376
|
)
|