修改已知问题

chenzeping

2021-03-09 3ecb480a576bb684f029ec655cd29af621d3c155

修改已知问题

 package.json

@@ -23,6 +23,7 @@
    "js-cookie": "^2.2.0",
    "leaflet": "^1.6.0",
    "leaflet-canvas-markers": "^1.0.6",
    "leaflet.browser.print": "^1.0.6",
    "leaflet.markercluster": "^1.4.1",
    "lodash": "^4.17.10",
    "nprogress": "^0.2.0",

 src/Sgis.js

@@ -11,6 +11,7 @@
import DashFlow from '@components/plugin/PathDashFlow'
import CanvasMarkers from '@components/plugin/CanvasMarkers'
import FullScreen from '@components/plugin/FullScreen'
import DownLoad from '@components/plugin/DownLoad'

let map = null
const L = window.L
@@ -27,9 +28,10 @@
  // CustomPopup.init(L) // 自定义弹出框
  DashFlow.DashFlow(L) // 流动线图
  CanvasMarkers.init(L)// 画布图层
  // Leaflet扩展代码
  // 全屏
  FullScreen.init(L)
  // 下载
  DownLoad.init(L)

  map = L.map(div, MapConfig.mapOptions)

@@ -38,6 +40,7 @@
  })

  window.map = map
  window.L = L
  initTileLayersHelper(map)
  return map
}

 src/components/panel/LegendPanel.vue

@@ -4,7 +4,7 @@
      <i class="el-icon-more-outline"></i>
      <span>图例</span>
    </div>
    <`transition` name="fade">
    <transition name='fade'>
      <div class="legend-content" v-show="legendControl">
        <div class="legend-content-box" v-for="(item,index) in legendContents" :key="index">
          <p>{{ item.title }}</p>

 src/components/panel/ToolBoxPanel.vue

@@ -15,7 +15,7 @@
        </transition>
        <el-dropdown-menu>
          <el-dropdown-item v-for="(ite,index) in item.items" :key="index" :command='ite.headings'>
            <span @click='toggleActive(ite)'>{{ ite.headings }}</span>
            <span>{{ ite.headings }}</span>
          </el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
@@ -34,7 +34,6 @@
export default {
  name: 'ToolBoxPanel',
  components: {},
  props: ['map'],
  data () {
    return {
      isPanelVisible: false,
@@ -103,7 +102,9 @@
        enterprise: ''
      },
      selectGroup: false,
      selectGroupOne: false
      drawLayer: null,
      L: window.L,
      map: null
    }
  },
  methods: {
@@ -118,13 +119,59 @@
    },
    handleCommand (command) {
      console.log(command)
      if (command === '全屏') {
        this.map.toggleFullscreen()
      }
    },
    toggleActive (k) {
      if (k === 'fullscreen') {
        this.map.toggleFullscreen()
      switch (command) {
        case '全屏':
          // this.map.toggleFullscreen()
          var printer = this.L.easyPrint({
            sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],
            filename: 'map_image',
            exportOnly: true,
            hideControlContainer: true
          }).addTo(this.map)
          printer.printMap('CurrentSize', 'MyManualPrint')
          break
        case 'A4横向':
          var printerX = this.L.easyPrint({
            sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],
            filename: 'map_image',
            exportOnly: true,
            hideControlContainer: true
          }).addTo(this.map)
          printerX.printMap('A4Landscape page', 'MyManualPrint')
          break
        case 'A4纵向':
          var printerY = this.L.easyPrint({
            sizeModes: ['Current', 'A4Landscape', 'A4Portrait'],
            filename: 'map_image',
            exportOnly: true,
            hideControlContainer: true
          }).addTo(this.map)
          printerY.printMap('A4Portrait page', 'MyManualPrint')
          break
        case '线标绘':
          this.drawLayer = this.map.editTools.startPolyline()
          this.drawLayer.on('dblclick').on('dblclick', this.drawLayer.toggleEdit)
          break
        case '面标绘':
          this.drawLayer = this.map.editTools.startPolygon()
          this.drawLayer.on('dblclick').on('dblclick', this.drawLayer.toggleEdit)
          break
        case '箭头标绘':
          this.drawLayer = this.map.editTools.startPolyline()
          this.drawLayer.on('dblclick').on('dblclick', this.drawLayer.toggleEdit)
          break
        case '点标注':
          this.drawLayer = this.map.editTools.startMarker()
          this.drawLayer.on('dblclick').on('dblclick', this.drawLayer.toggleEdit)
          break
        case '图标标注':
          this.drawLayer = this.map.editTools.startIcon()
          this.drawLayer.on('dblclick').on('dblclick', this.drawLayer.toggleEdit)
          break
        case '文字标注':
          this.drawLayer = this.map.editTools.startText()
          this.drawLayer.on('dblclick').on('dblclick', this.drawLayer.toggleEdit)
          break
      }
    },
    loadData () {
@@ -153,7 +200,7 @@
    background: #305B62;
    //margin-top: 15px;
    width: 35px;
    height: 35px;
    height: 38px;
    border-radius: 50%;
    border: 2px skyblue solid;
    display: flex;

 src/components/plugin/DownLoad.js

New file
@@ -0,0 +1,705 @@
/* eslint-disable */

const init = (L) => {

  !function (t, e) {

    'object' == typeof exports && 'undefined' != typeof module ? e() : 'function' == typeof define && define.amd ? define(e) : e()

  }(0, function () {

    'use strict'



    function t (t, e) {

      return e = { exports: {} }, t(e, e.exports), e.exports

    }



    var e = 'undefined' != typeof window ? window : 'undefined' != typeof global ? global : 'undefined' != typeof self ? self : {},

      n = t(function (t) {

        !function (e) {

          function n (t, e) {

            function n (t) {

              return e.bgcolor && (t.style.backgroundColor = e.bgcolor), e.width && (t.style.width = e.width + 'px'), e.height && (t.style.height = e.height + 'px'), e.style && Object.keys(e.style).forEach(function (n) {

                t.style[n] = e.style[n]

              }), t

            }



            return e = e || {}, s(e), Promise.resolve(t).then(function (t) {

              return u(t, e.filter, !0)

            }).then(c).then(d).then(n).then(function (n) {

              return g(n, e.width || h.width(t), e.height || h.height(t))

            })

          }



          function i (t, e) {

            return l(t, e || {}).then(function (e) {

              return e.getContext('2d').getImageData(0, 0, h.width(t), h.height(t)).data

            })

          }



          function o (t, e) {

            return l(t, e || {}).then(function (t) {

              return t.toDataURL()

            })

          }



          function r (t, e) {

            return e = e || {}, l(t, e).then(function (t) {

              return t.toDataURL('image/jpeg', e.quality || 1)

            })

          }



          function a (t, e) {

            return l(t, e || {}).then(h.canvasToBlob)

          }



          function s (t) {

            void 0 === t.imagePlaceholder ? w.impl.options.imagePlaceholder = M.imagePlaceholder : w.impl.options.imagePlaceholder = t.imagePlaceholder, void 0 === t.cacheBust ? w.impl.options.cacheBust = M.cacheBust : w.impl.options.cacheBust = t.cacheBust

          }



          function l (t, e) {

            function i (t) {

              var n = document.createElement('canvas')

              if (n.width = e.width || h.width(t), n.height = e.height || h.height(t), e.bgcolor) {

                var i = n.getContext('2d')

                i.fillStyle = e.bgcolor, i.fillRect(0, 0, n.width, n.height)

              }

              return n

            }



            return n(t, e).then(h.makeImage).then(h.delay(100)).then(function (e) {

              var n = i(t)

              return n.getContext('2d').drawImage(e, 0, 0), n

            })

          }



          function u (t, e, n) {

            function i (t) {

              return t instanceof HTMLCanvasElement ? h.makeImage(t.toDataURL()) : t.cloneNode(!1)

            }



            function o (t, e, n) {

              var i = t.childNodes

              return 0 === i.length ? Promise.resolve(e) : function (t, e, n) {

                var i = Promise.resolve()

                return e.forEach(function (e) {

                  i = i.then(function () {

                    return u(e, n)

                  }).then(function (e) {

                    e && t.appendChild(e)

                  })

                }), i

              }(e, h.asArray(i), n).then(function () {

                return e

              })

            }



            function r (t, e) {

              function n () {

                !function (t, e) {

                  t.cssText ? e.cssText = t.cssText : function (t, e) {

                    h.asArray(t).forEach(function (n) {

                      e.setProperty(n, t.getPropertyValue(n), t.getPropertyPriority(n))

                    })

                  }(t, e)

                }(window.getComputedStyle(t), e.style)

              }



              function i () {

                function n (n) {

                  var i = window.getComputedStyle(t, n), o = i.getPropertyValue('content')

                  if ('' !== o && 'none' !== o) {

                    var r = h.uid()

                    e.className = e.className + ' ' + r

                    var a = document.createElement('style')

                    a.appendChild(function (t, e, n) {

                      var i = '.' + t + ':' + e, o = n.cssText ? function (t) {

                        var e = t.getPropertyValue('content')

                        return t.cssText + ' content: ' + e + ';'

                      }(n) : function (t) {

                        function e (e) {

                          return e + ': ' + t.getPropertyValue(e) + (t.getPropertyPriority(e) ? ' !important' : '')

                        }



                        return h.asArray(t).map(e).join('; ') + ';'

                      }(n)

                      return document.createTextNode(i + '{' + o + '}')

                    }(r, n, i)), e.appendChild(a)

                  }

                }



                [':before', ':after'].forEach(function (t) {

                  n(t)

                })

              }



              function o () {

                t instanceof HTMLTextAreaElement && (e.innerHTML = t.value), t instanceof HTMLInputElement && e.setAttribute('value', t.value)

              }



              function r () {

                e instanceof SVGElement && (e.setAttribute('xmlns', 'http://www.w3.org/2000/svg'), e instanceof SVGRectElement && ['width', 'height'].forEach(function (t) {

                  var n = e.getAttribute(t)

                  n && e.style.setProperty(t, n)

                }))

              }



              return e instanceof Element ? Promise.resolve().then(n).then(i).then(o).then(r).then(function () {

                return e

              }) : e

            }



            return n || !e || e(t) ? Promise.resolve(t).then(i).then(function (n) {

              return o(t, n, e)

            }).then(function (e) {

              return r(t, e)

            }) : Promise.resolve()

          }



          function c (t) {

            return p.resolveAll().then(function (e) {

              var n = document.createElement('style')

              return t.appendChild(n), n.appendChild(document.createTextNode(e)), t

            })

          }



          function d (t) {

            return f.inlineAll(t).then(function () {

              return t

            })

          }



          function g (t, e, n) {

            return Promise.resolve(t).then(function (t) {

              return t.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml'), (new XMLSerializer).serializeToString(t)

            }).then(h.escapeXhtml).then(function (t) {

              return '<foreignObject x="0" y="0" width="100%" height="100%">' + t + '</foreignObject>'

            }).then(function (t) {

              return '<svg xmlns="http://www.w3.org/2000/svg" width="' + e + '" height="' + n + '">' + t + '</svg>'

            }).then(function (t) {

              return 'data:image/svg+xml;charset=utf-8,' + t

            })

          }



          var h = function () {

            function t () {

              var t = 'application/font-woff', e = 'image/jpeg'

              return {

                woff: t,

                woff2: t,

                ttf: 'application/font-truetype',

                eot: 'application/vnd.ms-fontobject',

                png: 'image/png',

                jpg: e,

                jpeg: e,

                gif: 'image/gif',

                tiff: 'image/tiff',

                svg: 'image/svg+xml'

              }

            }



            function e (t) {

              var e = /\.([^\.\/]*?)$/g.exec(t)

              return e ? e[1] : ''

            }



            function n (n) {

              var i = e(n).toLowerCase()

              return t()[i] || ''

            }



            function i (t) {

              return -1 !== t.search(/^(data:)/)

            }



            function o (t) {

              return new Promise(function (e) {

                for (var n = window.atob(t.toDataURL().split(',')[1]), i = n.length, o = new Uint8Array(i), r = 0; r < i; r++) o[r] = n.charCodeAt(r)

                e(new Blob([o], { type: 'image/png' }))

              })

            }



            function r (t) {

              return t.toBlob ? new Promise(function (e) {

                t.toBlob(e)

              }) : o(t)

            }



            function a (t, e) {

              var n = document.implementation.createHTMLDocument(), i = n.createElement('base')

              n.head.appendChild(i)

              var o = n.createElement('a')

              return n.body.appendChild(o), i.href = e, o.href = t, o.href

            }



            function s (t) {

              return new Promise(function (e, n) {

                var i = new Image

                i.onload = function () {

                  e(i)

                }, i.onerror = n, i.src = t

              })

            }



            function l (t) {

              var e = 3e4

              return w.impl.options.cacheBust && (t += (/\?/.test(t) ? '&' : '?') + (new Date).getTime()), new Promise(function (n) {

                function i () {

                  if (4 === a.readyState) {

                    if (200 !== a.status) return void (s ? n(s) : r('cannot fetch resource: ' + t + ', status: ' + a.status))

                    var e = new FileReader

                    e.onloadend = function () {

                      var t = e.result.split(/,/)[1]

                      n(t)

                    }, e.readAsDataURL(a.response)

                  }

                }



                function o () {

                  s ? n(s) : r('timeout of ' + e + 'ms occured while fetching resource: ' + t)

                }



                function r (t) {

                  console.error(t), n('')

                }



                var a = new XMLHttpRequest

                a.onreadystatechange = i, a.ontimeout = o, a.responseType = 'blob', a.timeout = e, a.open('GET', t, !0), a.send()

                var s

                if (w.impl.options.imagePlaceholder) {

                  var l = w.impl.options.imagePlaceholder.split(/,/)

                  l && l[1] && (s = l[1])

                }

              })

            }



            function u (t, e) {

              return 'data:' + e + ';base64,' + t

            }



            function c (t) {

              return t.replace(/([.*+?^${}()|\[\]\/\\])/g, '\\$1')

            }



            function d (t) {

              return function (e) {

                return new Promise(function (n) {

                  setTimeout(function () {

                    n(e)

                  }, t)

                })

              }

            }



            function g (t) {

              for (var e = [], n = t.length, i = 0; i < n; i++) e.push(t[i])

              return e

            }



            function h (t) {

              return t.replace(/#/g, '%23').replace(/\n/g, '%0A')

            }



            function m (t) {

              var e = f(t, 'border-left-width'), n = f(t, 'border-right-width')

              return t.scrollWidth + e + n

            }



            function p (t) {

              var e = f(t, 'border-top-width'), n = f(t, 'border-bottom-width')

              return t.scrollHeight + e + n

            }



            function f (t, e) {

              var n = window.getComputedStyle(t).getPropertyValue(e)

              return parseFloat(n.replace('px', ''))

            }



            return {

              escape: c,

              parseExtension: e,

              mimeType: n,

              dataAsUrl: u,

              isDataUrl: i,

              canvasToBlob: r,

              resolveUrl: a,

              getAndEncode: l,

              uid: function () {

                var t = 0

                return function () {

                  return 'u' + function () {

                    return ('0000' + (Math.random() * Math.pow(36, 4) << 0).toString(36)).slice(-4)

                  }() + t++

                }

              }(),

              delay: d,

              asArray: g,

              escapeXhtml: h,

              makeImage: s,

              width: m,

              height: p

            }

          }(), m = function () {

            function t (t) {

              return -1 !== t.search(o)

            }



            function e (t) {

              for (var e, n = []; null !== (e = o.exec(t));) n.push(e[1])

              return n.filter(function (t) {

                return !h.isDataUrl(t)

              })

            }



            function n (t, e, n, i) {

              function o (t) {

                return new RegExp('(url\\([\'"]?)(' + h.escape(t) + ')([\'"]?\\))', 'g')

              }



              return Promise.resolve(e).then(function (t) {

                return n ? h.resolveUrl(t, n) : t

              }).then(i || h.getAndEncode).then(function (t) {

                return h.dataAsUrl(t, h.mimeType(e))

              }).then(function (n) {

                return t.replace(o(e), '$1' + n + '$3')

              })

            }



            function i (i, o, r) {

              return function () {

                return !t(i)

              }() ? Promise.resolve(i) : Promise.resolve(i).then(e).then(function (t) {

                var e = Promise.resolve(i)

                return t.forEach(function (t) {

                  e = e.then(function (e) {

                    return n(e, t, o, r)

                  })

                }), e

              })

            }



            var o = /url\(['"]?([^'"]+?)['"]?\)/g

            return {

              inlineAll: i,

              shouldProcess: t,

              impl: {

                readUrls: e,

                inline: n

              }

            }

          }(), p = function () {

            function t () {

              return e(document).then(function (t) {

                return Promise.all(t.map(function (t) {

                  return t.resolve()

                }))

              }).then(function (t) {

                return t.join('\n')

              })

            }



            function e () {

              function t (t) {

                return t.filter(function (t) {

                  return t.type === CSSRule.FONT_FACE_RULE

                }).filter(function (t) {

                  return m.shouldProcess(t.style.getPropertyValue('src'))

                })

              }



              function e (t) {

                var e = []

                return t.forEach(function (t) {

                  try {

                    h.asArray(t.cssRules || []).forEach(e.push.bind(e))

                  } catch (e) {

                    console.log('Error while reading CSS rules from ' + t.href, e.toString())

                  }

                }), e

              }



              function n (t) {

                return {

                  resolve: function () {

                    var e = (t.parentStyleSheet || {}).href

                    return m.inlineAll(t.cssText, e)

                  },

                  src: function () {

                    return t.style.getPropertyValue('src')

                  }

                }

              }



              return Promise.resolve(h.asArray(document.styleSheets)).then(e).then(t).then(function (t) {

                return t.map(n)

              })

            }



            return {

              resolveAll: t,

              impl: { readAll: e }

            }

          }(), f = function () {

            function t (t) {

              function e (e) {

                return h.isDataUrl(t.src) ? Promise.resolve() : Promise.resolve(t.src).then(e || h.getAndEncode).then(function (e) {

                  return h.dataAsUrl(e, h.mimeType(t.src))

                }).then(function (e) {

                  return new Promise(function (n, i) {

                    t.onload = n, t.onerror = i, t.src = e

                  })

                })

              }



              return { inline: e }

            }



            function e (n) {

              return n instanceof Element ? function (t) {

                var e = t.style.getPropertyValue('background')

                return e ? m.inlineAll(e).then(function (e) {

                  t.style.setProperty('background', e, t.style.getPropertyPriority('background'))

                }).then(function () {

                  return t

                }) : Promise.resolve(t)

              }(n).then(function () {

                return n instanceof HTMLImageElement ? t(n).inline() : Promise.all(h.asArray(n.childNodes).map(function (t) {

                  return e(t)

                }))

              }) : Promise.resolve(n)

            }



            return {

              inlineAll: e,

              impl: { newImage: t }

            }

          }(), M = {

            imagePlaceholder: void 0,

            cacheBust: !1

          }, w = {

            toSvg: n,

            toPng: o,

            toJpeg: r,

            toBlob: a,

            toPixelData: i,

            impl: {

              fontFaces: p,

              images: f,

              util: h,

              inliner: m,

              options: {}

            }

          }

          t.exports = w

        }()

      }), i = t(function (t) {

        var n = n || function (t) {

          if (!(void 0 === t || 'undefined' != typeof navigator && /MSIE [1-9]\./.test(navigator.userAgent))) {

            var e = t.document, n = function () {

                return t.URL || t.webkitURL || t

              }, i = e.createElementNS('http://www.w3.org/1999/xhtml', 'a'), o = 'download' in i, r = function (t) {

                var e = new MouseEvent('click')

                t.dispatchEvent(e)

              }, a = /constructor/i.test(t.HTMLElement) || t.safari, s = /CriOS\/[\d]+/.test(navigator.userAgent),

              l = function (e) {

                (t.setImmediate || t.setTimeout)(function () {

                  throw e

                }, 0)

              }, u = function (t) {

                var e = function () {

                  'string' == typeof t ? n().revokeObjectURL(t) : t.remove()

                }

                setTimeout(e, 4e4)

              }, c = function (t, e, n) {

                e = [].concat(e)

                for (var i = e.length; i--;) {

                  var o = t['on' + e[i]]

                  if ('function' == typeof o) {

                    try {

                      o.call(t, n || t)

                    } catch (t) {

                      l(t)

                    }

                  }

                }

              }, d = function (t) {

                return /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type) ? new Blob([String.fromCharCode(65279), t], { type: t.type }) : t

              }, g = function (e, l, g) {

                g || (e = d(e))

                var h, m = this, p = e.type, f = 'application/octet-stream' === p, M = function () {

                  c(m, 'writestart progress write writeend'.split(' '))

                }

                if (m.readyState = m.INIT, o) {

                  return h = n().createObjectURL(e), void setTimeout(function () {

                    i.href = h, i.download = l, r(i), M(), u(h), m.readyState = m.DONE

                  })

                }

                !function () {

                  if ((s || f && a) && t.FileReader) {

                    var i = new FileReader

                    return i.onloadend = function () {

                      var e = s ? i.result : i.result.replace(/^data:[^;]*;/, 'data:attachment/file;')

                      t.open(e, '_blank') || (t.location.href = e), e = void 0, m.readyState = m.DONE, M()

                    }, i.readAsDataURL(e), void (m.readyState = m.INIT)

                  }

                  if (h || (h = n().createObjectURL(e)), f) {

                    t.location.href = h

                  } else {

                    t.open(h, '_blank') || (t.location.href = h)

                  }

                  m.readyState = m.DONE, M(), u(h)

                }()

              }, h = g.prototype, m = function (t, e, n) {

                return new g(t, e || t.name || 'download', n)

              }

            return 'undefined' != typeof navigator && navigator.msSaveOrOpenBlob ? function (t, e, n) {

              return e = e || t.name || 'download', n || (t = d(t)), navigator.msSaveOrOpenBlob(t, e)

            } : (h.abort = function () {

            }, h.readyState = h.INIT = 0, h.WRITING = 1, h.DONE = 2, h.error = h.onwritestart = h.onprogress = h.onwrite = h.onabort = h.onerror = h.onwriteend = null, m)

          }

        }('undefined' != typeof self && self || 'undefined' != typeof window && window || e.content)

        t.exports && (t.exports.saveAs = n)

      })

    L.Control.EasyPrint = L.Control.extend({

      options: {

        title: 'Print map',

        position: 'topleft',

        sizeModes: ['Current'],

        filename: 'map',

        exportOnly: !1,

        hidden: !1,

        tileWait: 500,

        hideControlContainer: !0,

        customWindowTitle: window.document.title,

        spinnerBgCOlor: '#0DC5C1',

        customSpinnerClass: 'epLoader',

        defaultSizeTitles: {

          Current: 'Current Size',

          A4Landscape: 'A4 Landscape',

          A4Portrait: 'A4 Portrait'

        }

      },

      onAdd: function () {

        this.mapContainer = this._map.getContainer(), this.options.sizeModes = this.options.sizeModes.map(function (t) {

          return 'Current' === t ? {

            name: this.options.defaultSizeTitles.Current,

            className: 'CurrentSize'

          } : 'A4Landscape' === t ? {

            height: this._a4PageSize.height,

            width: this._a4PageSize.width,

            name: this.options.defaultSizeTitles.A4Landscape,

            className: 'A4Landscape page'

          } : 'A4Portrait' === t ? {

            height: this._a4PageSize.width,

            width: this._a4PageSize.height,

            name: this.options.defaultSizeTitles.A4Portrait,

            className: 'A4Portrait page'

          } : t

        }, this)

        var t = L.DomUtil.create('div', 'leaflet-control-easyPrint leaflet-bar leaflet-control')

        if (!this.options.hidden) {

          this._addCss(), L.DomEvent.addListener(t, 'mouseover', this._togglePageSizeButtons, this), L.DomEvent.addListener(t, 'mouseout', this._togglePageSizeButtons, this)

          var e = 'leaflet-control-easyPrint-button'

          this.options.exportOnly && (e += '-export'), this.link = L.DomUtil.create('a', e, t), this.link.id = 'leafletEasyPrint', this.link.title = this.options.title, this.holder = L.DomUtil.create('ul', 'easyPrintHolder', t), this.options.sizeModes.forEach(function (t) {

            var e = L.DomUtil.create('li', 'easyPrintSizeMode', this.holder)

            e.title = t.name

            L.DomUtil.create('a', t.className, e)

            L.DomEvent.addListener(e, 'click', this.printMap, this)

          }, this), L.DomEvent.disableClickPropagation(t)

        }

        return t

      },

      printMap: function (t, e) {

        e && (this.options.filename = e), this.options.exportOnly || (this._page = window.open('', '_blank', 'toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,left=10, top=10, width=200, height=250, visible=none'), this._page.document.write(this._createSpinner(this.options.customWindowTitle, this.options.customSpinnerClass, this.options.spinnerBgCOlor))), this.originalState = {

          mapWidth: this.mapContainer.style.width,

          widthWasAuto: !1,

          widthWasPercentage: !1,

          mapHeight: this.mapContainer.style.height,

          zoom: this._map.getZoom(),

          center: this._map.getCenter()

        }, 'auto' === this.originalState.mapWidth ? (this.originalState.mapWidth = this._map.getSize().x + 'px', this.originalState.widthWasAuto = !0) : this.originalState.mapWidth.includes('%') && (this.originalState.percentageWidth = this.originalState.mapWidth, this.originalState.widthWasPercentage = !0, this.originalState.mapWidth = this._map.getSize().x + 'px'), this._map.fire('easyPrint-start', { event: t }), this.options.hidden || this._togglePageSizeButtons({ type: null }), this.options.hideControlContainer && this._toggleControls()

        var n = 'string' != typeof t ? t.target.className : t

        if ('CurrentSize' === n) return this._printOpertion(n)

        this.outerContainer = this._createOuterContainer(this.mapContainer), this.originalState.widthWasAuto && (this.outerContainer.style.width = this.originalState.mapWidth), this._createImagePlaceholder(n)

      },

      _createImagePlaceholder: function (t) {

        var e = this

        n.toPng(this.mapContainer, {

          width: parseInt(this.originalState.mapWidth.replace('px')),

          height: parseInt(this.originalState.mapHeight.replace('px'))

        }).then(function (n) {

          e.blankDiv = document.createElement('div')

          var i = e.blankDiv

          e.outerContainer.parentElement.insertBefore(i, e.outerContainer), i.className = 'epHolder', i.style.backgroundImage = 'url("' + n + '")', i.style.position = 'absolute', i.style.zIndex = 1011, i.style.display = 'initial', i.style.width = e.originalState.mapWidth, i.style.height = e.originalState.mapHeight, e._resizeAndPrintMap(t)

        }).catch(function (t) {

          console.error('oops, something went wrong!', t)

        })

      },

      _resizeAndPrintMap: function (t) {

        this.outerContainer.style.opacity = 0

        var e = this.options.sizeModes.filter(function (e) {

          return e.className === t

        })

        e = e[0], this.mapContainer.style.width = e.width + 'px', this.mapContainer.style.height = e.height + 'px', this.mapContainer.style.width > this.mapContainer.style.height ? this.orientation = 'portrait' : this.orientation = 'landscape', this._map.setView(this.originalState.center), this._map.setZoom(this.originalState.zoom), this._map.invalidateSize(), this.options.tileLayer ? this._pausePrint(t) : this._printOpertion(t)

      },

      _pausePrint: function (t) {

        var e = this, n = setInterval(function () {

          e.options.tileLayer.isLoading() || (clearInterval(n), e._printOpertion(t))

        }, e.options.tileWait)

      },

      _printOpertion: function (t) {

        var e = this, o = this.mapContainer.style.width;

        (this.originalState.widthWasAuto && 'CurrentSize' === t || this.originalState.widthWasPercentage && 'CurrentSize' === t) && (o = this.originalState.mapWidth), n.toPng(e.mapContainer, {

          width: parseInt(o),

          height: parseInt(e.mapContainer.style.height.replace('px'))

        }).then(function (t) {

          var n = e._dataURItoBlob(t)

          e.options.exportOnly ? i.saveAs(n, e.options.filename + '.png') : e._sendToBrowserPrint(t, e.orientation), e._toggleControls(!0), e.outerContainer && (e.originalState.widthWasAuto ? e.mapContainer.style.width = 'auto' : e.originalState.widthWasPercentage ? e.mapContainer.style.width = e.originalState.percentageWidth : e.mapContainer.style.width = e.originalState.mapWidth, e.mapContainer.style.height = e.originalState.mapHeight, e._removeOuterContainer(e.mapContainer, e.outerContainer, e.blankDiv), e._map.invalidateSize(), e._map.setView(e.originalState.center), e._map.setZoom(e.originalState.zoom)), e._map.fire('easyPrint-finished')

        }).catch(function (t) {

          console.error('Print operation failed', t)

        })

      },

      _sendToBrowserPrint: function (t, e) {

        this._page.resizeTo(600, 800)

        var n = this._createNewWindow(t, e, this)

        this._page.document.body.innerHTML = '', this._page.document.write(n), this._page.document.close()

      },

      _createSpinner: function (t, e, n) {

        return '<html><head><title>' + t + '</title></head><body><style>\n      body{\n        background: ' + n + ';\n      }\n      .epLoader,\n      .epLoader:before,\n      .epLoader:after {\n        border-radius: 50%;\n      }\n      .epLoader {\n        color: #ffffff;\n        font-size: 11px;\n        text-indent: -99999em;\n        margin: 55px auto;\n        position: relative;\n        width: 10em;\n        height: 10em;\n        box-shadow: inset 0 0 0 1em;\n        -webkit-transform: translateZ(0);\n        -ms-transform: translateZ(0);\n        transform: translateZ(0);\n      }\n      .epLoader:before,\n      .epLoader:after {\n        position: absolute;\n        content: \'\';\n      }\n      .epLoader:before {\n        width: 5.2em;\n        height: 10.2em;\n        background: #0dc5c1;\n        border-radius: 10.2em 0 0 10.2em;\n        top: -0.1em;\n        left: -0.1em;\n        -webkit-transform-origin: 5.2em 5.1em;\n        transform-origin: 5.2em 5.1em;\n        -webkit-animation: load2 2s infinite ease 1.5s;\n        animation: load2 2s infinite ease 1.5s;\n      }\n      .epLoader:after {\n        width: 5.2em;\n        height: 10.2em;\n        background: #0dc5c1;\n        border-radius: 0 10.2em 10.2em 0;\n        top: -0.1em;\n        left: 5.1em;\n        -webkit-transform-origin: 0px 5.1em;\n        transform-origin: 0px 5.1em;\n        -webkit-animation: load2 2s infinite ease;\n        animation: load2 2s infinite ease;\n      }\n      @-webkit-keyframes load2 {\n        0% {\n          -webkit-transform: rotate(0deg);\n          transform: rotate(0deg);\n        }\n        100% {\n          -webkit-transform: rotate(360deg);\n          transform: rotate(360deg);\n        }\n      }\n      @keyframes load2 {\n        0% {\n          -webkit-transform: rotate(0deg);\n          transform: rotate(0deg);\n        }\n        100% {\n          -webkit-transform: rotate(360deg);\n          transform: rotate(360deg);\n        }\n      }\n      </style>\n    <div class="' + e + '">Loading...</div></body></html>'

      },

      _createNewWindow: function (t, e, n) {

        return '<html><head>\n        <style>@media print {\n          img { max-width: 98%!important; max-height: 98%!important; }\n          @page { size: ' + e + ';}}\n        </style>\n        <script>function step1(){\n        setTimeout(\'step2()\', 10);}\n        function step2(){window.print();window.close()}\n        <\/script></head><body onload=\'step1()\'>\n        <img src="' + t + '" style="display:block; margin:auto;"></body></html>'

      },

      _createOuterContainer: function (t) {

        var e = document.createElement('div')

        return t.parentNode.insertBefore(e, t), t.parentNode.removeChild(t), e.appendChild(t), e.style.width = t.style.width, e.style.height = t.style.height, e.style.display = 'inline-block', e.style.overflow = 'hidden', e

      },

      _removeOuterContainer: function (t, e, n) {

        e.parentNode && (e.parentNode.insertBefore(t, e), e.parentNode.removeChild(n), e.parentNode.removeChild(e))

      },

      _addCss: function () {

        var t = document.createElement('style')

        t.type = 'text/css', t.innerHTML = '.leaflet-control-easyPrint-button { \n      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMTI4LDMyaDI1NnY2NEgxMjhWMzJ6IE00ODAsMTI4SDMyYy0xNy42LDAtMzIsMTQuNC0zMiwzMnYxNjBjMCwxNy42LDE0LjM5OCwzMiwzMiwzMmg5NnYxMjhoMjU2VjM1Mmg5NiAgIGMxNy42LDAsMzItMTQuNCwzMi0zMlYxNjBDNTEyLDE0Mi40LDQ5Ny42LDEyOCw0ODAsMTI4eiBNMzUyLDQ0OEgxNjBWMjg4aDE5MlY0NDh6IE00ODcuMTk5LDE3NmMwLDEyLjgxMy0xMC4zODcsMjMuMi0yMy4xOTcsMjMuMiAgIGMtMTIuODEyLDAtMjMuMjAxLTEwLjM4Ny0yMy4yMDEtMjMuMnMxMC4zODktMjMuMiwyMy4xOTktMjMuMkM0NzYuODE0LDE1Mi44LDQ4Ny4xOTksMTYzLjE4Nyw0ODcuMTk5LDE3NnoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);\n      background-size: 16px 16px; \n      cursor: pointer; \n    }\n    .leaflet-control-easyPrint-button-export { \n      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzMy41IDQzMy41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzMuNSA0MzMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJmaWxlLWRvd25sb2FkIj4KCQk8cGF0aCBkPSJNMzk1LjI1LDE1M2gtMTAyVjBoLTE1M3YxNTNoLTEwMmwxNzguNSwxNzguNUwzOTUuMjUsMTUzeiBNMzguMjUsMzgyLjV2NTFoMzU3di01MUgzOC4yNXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);\n      background-size: 16px 16px; \n      cursor: pointer; \n    }\n    .easyPrintHolder a {\n      background-size: 16px 16px;\n      cursor: pointer;\n    }\n    .easyPrintHolder .CurrentSize{\n      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgdmVyc2lvbj0iMS4xIiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPgogIDxnPgogICAgPGcgZmlsbD0iIzFEMUQxQiI+CiAgICAgIDxwYXRoIGQ9Ik0yNS4yNTUsMzUuOTA1TDQuMDE2LDU3LjE0NVY0Ni41OWMwLTEuMTA4LTAuODk3LTIuMDA4LTIuMDA4LTIuMDA4QzAuODk4LDQ0LjU4MiwwLDQ1LjQ4MSwwLDQ2LjU5djE1LjQwMiAgICBjMCwwLjI2MSwwLjA1MywwLjUyMSwwLjE1NSwwLjc2N2MwLjIwMywwLjQ5MiwwLjU5NCwwLjg4MiwxLjA4NiwxLjA4N0MxLjQ4Niw2My45NDcsMS43NDcsNjQsMi4wMDgsNjRoMTUuNDAzICAgIGMxLjEwOSwwLDIuMDA4LTAuODk4LDIuMDA4LTIuMDA4cy0wLjg5OC0yLjAwOC0yLjAwOC0yLjAwOEg2Ljg1NWwyMS4yMzgtMjEuMjRjMC43ODQtMC43ODQsMC43ODQtMi4wNTUsMC0yLjgzOSAgICBTMjYuMDM5LDM1LjEyMSwyNS4yNTUsMzUuOTA1eiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtNjMuODQ1LDEuMjQxYy0wLjIwMy0wLjQ5MS0wLjU5NC0wLjg4Mi0xLjA4Ni0xLjA4Ny0wLjI0NS0wLjEwMS0wLjUwNi0wLjE1NC0wLjc2Ny0wLjE1NGgtMTUuNDAzYy0xLjEwOSwwLTIuMDA4LDAuODk4LTIuMDA4LDIuMDA4czAuODk4LDIuMDA4IDIuMDA4LDIuMDA4aDEwLjU1NmwtMjEuMjM4LDIxLjI0Yy0wLjc4NCwwLjc4NC0wLjc4NCwyLjA1NSAwLDIuODM5IDAuMzkyLDAuMzkyIDAuOTA2LDAuNTg5IDEuNDIsMC41ODlzMS4wMjctMC4xOTcgMS40MTktMC41ODlsMjEuMjM4LTIxLjI0djEwLjU1NWMwLDEuMTA4IDAuODk3LDIuMDA4IDIuMDA4LDIuMDA4IDEuMTA5LDAgMi4wMDgtMC44OTkgMi4wMDgtMi4wMDh2LTE1LjQwMmMwLTAuMjYxLTAuMDUzLTAuNTIyLTAuMTU1LTAuNzY3eiIgZmlsbD0iIzAwMDAwMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==)\n    }\n    .easyPrintHolder .page {\n      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ0NC44MzMgNDQ0LjgzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgzMyA0NDQuODMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTUuMjUsNDQ0LjgzM2gzMzQuMzMzYzkuMzUsMCwxNy03LjY1LDE3LTE3VjEzOS4xMTdjMC00LjgxNy0xLjk4My05LjM1LTUuMzgzLTEyLjQ2N0wyNjkuNzMzLDQuNTMzICAgIEMyNjYuNjE3LDEuNywyNjIuMzY3LDAsMjU4LjExNywwSDU1LjI1Yy05LjM1LDAtMTcsNy42NS0xNywxN3Y0MTAuODMzQzM4LjI1LDQzNy4xODMsNDUuOSw0NDQuODMzLDU1LjI1LDQ0NC44MzN6ICAgICBNMzcyLjU4MywxNDYuNDgzdjAuODVIMjU2LjQxN3YtMTA4LjhMMzcyLjU4MywxNDYuNDgzeiBNNzIuMjUsMzRoMTUwLjE2N3YxMzAuMzMzYzAsOS4zNSw3LjY1LDE3LDE3LDE3aDEzMy4xNjd2MjI5LjVINzIuMjVWMzR6ICAgICIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);\n    }\n    .easyPrintHolder .A4Landscape { \n      transform: rotate(-90deg);\n    }\n\n    .leaflet-control-easyPrint-button{\n      display: inline-block;\n    }\n    .easyPrintHolder{\n      margin-top:-31px;\n      margin-bottom: -5px;\n      margin-left: 30px;\n      padding-left: 0px;\n      display: none;\n    }\n\n    .easyPrintSizeMode {\n      display: inline-block;\n    }\n    .easyPrintHolder .easyPrintSizeMode a {\n      border-radius: 0px;\n    }\n\n    .easyPrintHolder .easyPrintSizeMode:last-child a{\n      border-top-right-radius: 2px;\n      border-bottom-right-radius: 2px;\n      margin-left: -1px;\n    }\n\n    .easyPrintPortrait:hover, .easyPrintLandscape:hover{\n      background-color: #757570;\n      cursor: pointer;\n    }', document.body.appendChild(t)

      },

      _dataURItoBlob: function (t) {

        for (var e = atob(t.split(',')[1]), n = t.split(',')[0].split(':')[1].split(';')[0], i = new ArrayBuffer(e.length), o = new DataView(i), r = 0; r < e.length; r++) o.setUint8(r, e.charCodeAt(r))

        return new Blob([i], { type: n })

      },

      _togglePageSizeButtons: function (t) {

        var e = this.holder.style, n = this.link.style

        'mouseover' === t.type ? (e.display = 'block', n.borderTopRightRadius = '0', n.borderBottomRightRadius = '0') : (e.display = 'none', n.borderTopRightRadius = '2px', n.borderBottomRightRadius = '2px')

      },

      _toggleControls: function (t) {

        var e = document.getElementsByClassName('leaflet-control-container')[0]

        if (t) return e.style.display = 'block'

        e.style.display = 'none'

      },

      _a4PageSize: {

        height: 715,

        width: 1045

      }

    }), L.easyPrint = function (t) {

      return new L.Control.EasyPrint(t)

    }

  })

//# sourceMappingURL=bundle.js.map

}



export default {

  init

}


 src/components/plugin/Editable.js

@@ -348,6 +348,26 @@
        circle.enableEdit(this.map).startDrawing()
        return circle
      },
      // 文字标注
      startText: function (latlng, options) {
        latlng = latlng || this.map.getCenter().clone()
        const markerBuilding = this.createMarker(latlng, options).bindTooltip('问题标注内容', {
          offset: [0, 0],
          permanent: true,
          direction: 'top',
          className: 'anim-tooltip'
        })
        markerBuilding.enableEdit(this.map).startDrawing()
        return markerBuilding
      },

      // 图标标注
      startIcon: function (latlng, options) {
        latlng = latlng || this.map.getCenter().clone()
        const icon = this.createMarker(latlng, options)
        icon.enableEdit(this.map).startDrawing()
        return icon
      },

      startHole: function (editor, latlng) {
        editor.newHole(latlng)
@@ -565,7 +585,10 @@
        const next = this.getNext() // Compute before changing latlng
        this.latlngs.splice(this.getIndex(), 1)
        this.editor.editLayer.removeLayer(this)
        this.editor.onVertexDeleted({ latlng: this.latlng, vertex: this })
        this.editor.onVertexDeleted({
          latlng: this.latlng,
          vertex: this
        })
        if (!this.latlngs.length) this.editor.deleteShape(this.latlngs)
        if (next) next.resetMiddleMarker()
        this.editor.refresh()
@@ -636,8 +659,9 @@
      continue: function () {
        if (!this.editor.continueBackward) return // Only for PolylineEditor
        const index = this.getIndex()
        if (index === 0) this.editor.continueBackward(this.latlngs)
        else if (index === this.getLastIndex()) this.editor.continueForward(this.latlngs)
        if (index === 0) {
          this.editor.continueBackward(this.latlngs)
        } else if (index === this.getLastIndex()) this.editor.continueForward(this.latlngs)
      }

    })
@@ -675,8 +699,11 @@
        const leftPoint = this._map.latLngToContainerPoint(this.left.latlng)
        const rightPoint = this._map.latLngToContainerPoint(this.right.latlng)
        const size = L.point(this.options.icon.options.iconSize)
        if (leftPoint.distanceTo(rightPoint) < size.x * 3) this.hide()
        else this.show()
        if (leftPoint.distanceTo(rightPoint) < size.x * 3) {
          this.hide()
        } else {
          this.show()
        }
      },

      show: function () {
@@ -780,8 +807,11 @@
      // 🍂method enable(): this
      // Set up the drawing tools for the feature to be editable.
      addHooks: function () {
        if (this.isConnected()) this.onFeatureAdd()
        else this.feature.once('add', this.onFeatureAdd, this)
        if (this.isConnected()) {
          this.onFeatureAdd()
        } else {
          this.feature.once('add', this.onFeatureAdd, this)
        }
        this.onEnable()
        this.feature.on(this._getEvents(), this)
      },
@@ -1030,8 +1060,11 @@
      initVertexMarkers: function (latlngs) {
        if (!this.enabled()) return
        latlngs = latlngs || this.getLatLngs()
        if (isFlat(latlngs)) this.addVertexMarkers(latlngs)
        else for (let i = 0; i < latlngs.length; i++) this.initVertexMarkers(latlngs[i])
        if (isFlat(latlngs)) {
          this.addVertexMarkers(latlngs)
        } else {
          for (let i = 0; i < latlngs.length; i++) this.initVertexMarkers(latlngs[i])
        }
      },

      getLatLngs: function () {
@@ -1054,7 +1087,10 @@
        // 🍂section Vertex events
        // 🍂event editable:vertex:new: VertexEvent
        // Fired when a new vertex is created.
        this.fireAndForward('editable:vertex:new', { latlng: vertex.latlng, vertex: vertex })
        this.fireAndForward('editable:vertex:new', {
          latlng: vertex.latlng,
          vertex: vertex
        })
      },

      addVertexMarkers: function (latlngs) {
@@ -1253,8 +1289,11 @@
      },

      addLatLng: function (latlng) {
        if (this._drawing === L.Editable.FORWARD) this._drawnLatLngs.push(latlng)
        else this._drawnLatLngs.unshift(latlng)
        if (this._drawing === L.Editable.FORWARD) {
          this._drawnLatLngs.push(latlng)
        } else {
          this._drawnLatLngs.unshift(latlng)
        }
        this.feature._bounds.extend(latlng)
        const vertex = this.addVertexMarker(latlng, this._drawnLatLngs)
        this.onNewVertex(vertex)
@@ -1277,8 +1316,11 @@
      // Programmatically add a point while drawing.
      push: function (latlng) {
        if (!latlng) return console.error('L.Editable.PathEditor.push expect a valid latlng as parameter')
        if (this._drawing === L.Editable.FORWARD) this.newPointForward(latlng)
        else this.newPointBackward(latlng)
        if (this._drawing === L.Editable.FORWARD) {
          this.newPointForward(latlng)
        } else {
          this.newPointBackward(latlng)
        }
      },

      removeLatLng: function (latlng) {
@@ -1291,18 +1333,27 @@
      pop: function () {
        if (this._drawnLatLngs.length <= 1) return
        let latlng
        if (this._drawing === L.Editable.FORWARD) latlng = this._drawnLatLngs[this._drawnLatLngs.length - 1]
        else latlng = this._drawnLatLngs[0]
        if (this._drawing === L.Editable.FORWARD) {
          latlng = this._drawnLatLngs[this._drawnLatLngs.length - 1]
        } else {
          latlng = this._drawnLatLngs[0]
        }
        this.removeLatLng(latlng)
        if (this._drawing === L.Editable.FORWARD) this.tools.anchorForwardLineGuide(this._drawnLatLngs[this._drawnLatLngs.length - 1])
        else this.tools.anchorForwardLineGuide(this._drawnLatLngs[0])
        if (this._drawing === L.Editable.FORWARD) {
          this.tools.anchorForwardLineGuide(this._drawnLatLngs[this._drawnLatLngs.length - 1])
        } else {
          this.tools.anchorForwardLineGuide(this._drawnLatLngs[0])
        }
        return latlng
      },

      processDrawingClick: function (e) {
        if (e.vertex && e.vertex.editor === this) return
        if (this._drawing === L.Editable.FORWARD) this.newPointForward(e.latlng)
        else this.newPointBackward(e.latlng)
        if (this._drawing === L.Editable.FORWARD) {
          this.newPointForward(e.latlng)
        } else {
          this.newPointBackward(e.latlng)
        }
        this.fireAndForward('editable:drawing:clicked', e)
      },

@@ -1375,8 +1426,9 @@
        }
        if (latlngs === shape) return inplaceDelete(latlngs, shape)
        for (let i = 0; i < latlngs.length; i++) {
          if (latlngs[i] === shape) return spliceDelete(latlngs, shape)
          else if (latlngs[i].indexOf(shape) !== -1) return spliceDelete(latlngs[i], shape)
          if (latlngs[i] === shape) {
            return spliceDelete(latlngs, shape)
          } else if (latlngs[i].indexOf(shape) !== -1) return spliceDelete(latlngs[i], shape)
        }
      },

@@ -1464,8 +1516,11 @@

      getDefaultLatLngs: function (latlngs) {
        latlngs = latlngs || this.feature._latlngs
        if (!latlngs.length || latlngs[0] instanceof L.LatLng) return latlngs
        else return this.getDefaultLatLngs(latlngs[0])
        if (!latlngs.length || latlngs[0] instanceof L.LatLng) {
          return latlngs
        } else {
          return this.getDefaultLatLngs(latlngs[0])
        }
      },

      ensureMulti: function () {
@@ -1485,8 +1540,9 @@
      },

      formatShape: function (shape) {
        if (isFlat(shape)) return shape
        else if (shape[0]) return this.formatShape(shape[0])
        if (isFlat(shape)) {
          return shape
        } else if (shape[0]) return this.formatShape(shape[0])
      },

      // 🍂method splitShape(latlngs?: Array, index: int)
@@ -1575,8 +1631,11 @@
        // [[1, 2], [3, 4]] => must be nested
        // [] => must be nested
        // [[]] => is already nested
        if (isFlat(shape) && (!shape[0] || shape[0].length !== 0)) return [shape]
        else return shape
        if (isFlat(shape) && (!shape[0] || shape[0].length !== 0)) {
          return [shape]
        } else {
          return shape
        }
      }

    })
@@ -1711,8 +1770,11 @@
      },

      onVertexMarkerDrag: function (e) {
        if (e.vertex.getIndex() === 1) this.resize(e)
        else this.updateResizeLatLng(e)
        if (e.vertex.getIndex() === 1) {
          this.resize(e)
        } else {
          this.updateResizeLatLng(e)
        }
        L.Editable.PathEditor.prototype.onVertexMarkerDrag.call(this, e)
      },

@@ -1792,8 +1854,11 @@
      // 🍂method toggleEdit()
      // Enable or disable editing, according to current status.
      toggleEdit: function () {
        if (this.editEnabled()) this.disableEdit()
        else this.enableEdit()
        if (this.editEnabled()) {
          this.disableEdit()
        } else {
          this.enableEdit()
        }
      },

      _onEditableAdd: function () {
@@ -1814,9 +1879,13 @@
        // - latlngs is an array of arrays of latlngs, loop over
        let shape = null
        latlngs = latlngs || this._latlngs
        if (!latlngs.length) return shape
        else if (isFlat(latlngs) && this.isInLatLngs(latlng, latlngs)) shape = latlngs
        else for (let i = 0; i < latlngs.length; i++) if (this.isInLatLngs(latlng, latlngs[i])) return latlngs[i]
        if (!latlngs.length) {
          return shape
        } else if (isFlat(latlngs) && this.isInLatLngs(latlng, latlngs)) {
          shape = latlngs
        } else {
          for (let i = 0; i < latlngs.length; i++) if (this.isInLatLngs(latlng, latlngs[i])) return latlngs[i]
        }
        return shape
      },

@@ -1855,10 +1924,15 @@
        // - latlngs is an array of arrays of arrays, this is a multi, loop over
        let shape = null
        latlngs = latlngs || this._latlngs
        if (!latlngs.length) return shape
        else if (isFlat(latlngs) && this.isInLatLngs(latlng, latlngs)) shape = latlngs
        else if (isFlat(latlngs[0]) && this.isInLatLngs(latlng, latlngs[0])) shape = latlngs
        else for (let i = 0; i < latlngs.length; i++) if (this.isInLatLngs(latlng, latlngs[i][0])) return latlngs[i]
        if (!latlngs.length) {
          return shape
        } else if (isFlat(latlngs) && this.isInLatLngs(latlng, latlngs)) {
          shape = latlngs
        } else if (isFlat(latlngs[0]) && this.isInLatLngs(latlng, latlngs[0])) {
          shape = latlngs
        } else {
          for (let i = 0; i < latlngs.length; i++) if (this.isInLatLngs(latlng, latlngs[i][0])) return latlngs[i]
        }
        return shape
      },

@@ -1874,7 +1948,7 @@
          l2 = latlngs[k]

          if (((l1.lat > l.lat) !== (l2.lat > l.lat)) &&
                        (l.lng < (l2.lng - l1.lng) * (l.lat - l1.lat) / (l2.lat - l1.lat) + l1.lng)) {
            (l.lng < (l2.lng - l1.lng) * (l.lat - l1.lat) / (l2.lat - l1.lat) + l1.lng)) {
            inside = !inside
          }
        }

 src/main.js

@@ -13,6 +13,7 @@
import 'leaflet.markercluster'
import 'leaflet-canvas-markers'
import './components/plugin/Leaflet.GridLayer.FadeOut'

Vue.config.productionTip = false

Vue.use(ElementUI)
@@ -27,7 +28,7 @@
// 开发环境下加载假数据
if (process.env.VUE_APP_MOCK && process.env.NODE_ENV === 'development') {
  console.warn('当前处于mock数据请求！')
  require('./mock')
  // require('./mock')
}
window.vm = new Vue({
  router,

 src/views/MapTemplate.vue

@@ -10,7 +10,7 @@
    </sgis-layer-controller>
    <monitor-panel></monitor-panel>
    <!--        <top-enterprise-panel></top-enterprise-panel>-->
    <tool-box-panel :map="this.map"></tool-box-panel>
    <tool-box-panel ref="toolBox"></tool-box-panel>
    <menu-special></menu-special>
    <legend-panel></legend-panel>
  </div>
@@ -75,6 +75,7 @@
    init () {
      const mapcontainer = this.$refs.rootmap
      this.map = Sgis.initMap(mapcontainer)
      this.$refs.toolBox.map = this.map

      this.basemapHelper = Sgis.initBasemapsHelper(this.map) // 初始化基础底图助手
      this.basemapHelper.initBasemap(this.config, false) // 第二个参数，表示是否内网底图