From 3ecb480a576bb684f029ec655cd29af621d3c155 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期二, 09 三月 2021 17:03:13 +0800
Subject: [PATCH] 修改已知问题
---
src/components/plugin/Editable.js | 154 +++++++--
src/main.js | 3
src/components/panel/ToolBoxPanel.vue | 69 +++
package.json | 1
src/views/MapTemplate.vue | 3
src/components/panel/LegendPanel.vue | 2
src/Sgis.js | 5
src/components/plugin/DownLoad.js | 705 ++++++++++++++++++++++++++++++++++++++++++++
8 files changed, 887 insertions(+), 55 deletions(-)
diff --git a/package.json b/package.json
index 2bd03a4..3d10fb5 100644
--- a/package.json
+++ b/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",
diff --git a/src/Sgis.js b/src/Sgis.js
index af7ecb2..f736ba3 100644
--- a/src/Sgis.js
+++ b/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
}
diff --git a/src/components/panel/LegendPanel.vue b/src/components/panel/LegendPanel.vue
index 70529c2..2bb4108 100644
--- a/src/components/panel/LegendPanel.vue
+++ b/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>
diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue
index 5747cc7..0666a93 100644
--- a/src/components/panel/ToolBoxPanel.vue
+++ b/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;
diff --git a/src/components/plugin/DownLoad.js b/src/components/plugin/DownLoad.js
new file mode 100644
index 0000000..b02ee30
--- /dev/null
+++ b/src/components/plugin/DownLoad.js
@@ -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
+}
diff --git a/src/components/plugin/Editable.js b/src/components/plugin/Editable.js
index d86dbc0..943fdcd 100644
--- a/src/components/plugin/Editable.js
+++ b/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
}
}
diff --git a/src/main.js b/src/main.js
index 28cfbd5..32a895f 100644
--- a/src/main.js
+++ b/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,
diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue
index a98e84c..36d66bf 100644
--- a/src/views/MapTemplate.vue
+++ b/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) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘
--
Gitblit v1.8.0