UNPKG

tchen-vuelayers

Version:

Web map Vue components with the power of OpenLayers

128 lines (106 loc) 3.26 kB
/** * VueLayers * Web map Vue components with the power of OpenLayers * * @package vuelayers * @author Vladimir Vershinin <ghettovoice@gmail.com> * @version 0.11.1 * @license MIT * @copyright (c) 2017-2019, Vladimir Vershinin <ghettovoice@gmail.com> */ import _Object$values from '@babel/runtime-corejs2/core-js/object/values'; import TileWMSSource from 'ol/source/TileWMS'; import WMSServerType from 'ol/source/WMSServerType'; import { tileSource, wmsSource } from '../mixin'; import _Object$assign from '@babel/runtime-corejs2/core-js/object/assign'; import { pick } from '../util/minilo'; var props = { gutter: Number, hidpi: { type: Boolean, default: true }, serverType: { type: String, validator: function validator(value) { return !value | _Object$values(WMSServerType).includes(value); } }, url: { type: String, required: true, validator: function validator(value) { return !!value.length; } } }; var methods = { /** * @returns {TileWMS} * @protected */ createSource: function createSource() { return new TileWMSSource({ attributions: this.attributions, cacheSize: this.cacheSize, params: this.allParams, crossOrigin: this.crossOrigin, gutter: this.gutter, hidpi: this.hidpi, logo: this.logo, tileGrid: this._tileGrid, projection: this.projection, reprojectionErrorThreshold: this.reprojectionErrorThreshold, serverType: this.serverType, wrapX: this.wrapX, url: this.urlTmpl, transition: this.transition, tileLoadFunction: this.tileLoadFunction }); } }; var script = { name: 'vl-source-wms', mixins: [tileSource, wmsSource], props: props, methods: methods }; /* script */ var __vue_script__ = script; /* template */ /* style */ var __vue_inject_styles__ = undefined; /* scoped */ var __vue_scope_id__ = undefined; /* module identifier */ var __vue_module_identifier__ = undefined; /* functional template */ var __vue_is_functional_template__ = undefined; /* component normalizer */ function __vue_normalize__(template, style, script$$1, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) { var component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {}; // For security concerns, we use only base name in production mode. component.__file = "source.vue"; if (!component.render) { component.render = template.render; component.staticRenderFns = template.staticRenderFns; component._compiled = true; if (functional) component.functional = true; } component._scopeId = scope; return component; } /* style inject */ /* style inject SSR */ var Source = __vue_normalize__({}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, undefined, undefined); function plugin(Vue) { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; if (plugin.installed) { return; } plugin.installed = true; options = pick(options, 'dataProjection'); _Object$assign(Source, options); Vue.component(Source.name, Source); } export default plugin; export { Source, plugin as install };