UNPKG

vue3-openlayers

Version:
1,287 lines (1,286 loc) 1.65 MB
(function(global2, factory) { typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("ol/Feature"), require("ol/geom/Geometry"), require("ol/Geolocation"), require("ol/Map"), require("ol/Overlay"), require("ol/proj/proj4"), require("ol/proj/Projection"), require("ol/View"), require("ol/proj"), require("ol/source"), require("ol-ext/layer/AnimatedCluster"), require("ol/layer/Heatmap"), require("ol/layer/Image"), require("ol/layer/Group"), require("ol/layer/Tile"), require("ol/source/Tile"), require("ol/layer/Vector"), require("ol/layer/VectorTile"), require("ol/layer/VectorImage"), require("ol/layer/WebGLTile"), require("ol/layer"), require("ol/renderer/webgl/VectorLayer"), require("ol/source/BingMaps"), require("ol/source/Vector"), require("ol/source/Image"), require("ol/source/Cluster"), require("ol/source/ImageStatic"), require("ol/source/ImageWMS"), require("ol/source/OSM"), require("ol/source/StadiaMaps"), require("ol/source/WMTS"), require("ol/tilegrid/WMTS"), require("ol/source/TileArcGISRest"), require("ol/tilegrid"), require("ol/source/TileDebug"), require("ol/source/GeoTIFF"), require("ol/source/TileJSON"), require("ol/source/TileWMS"), require("ol"), require("ol/source/VectorTile"), require("ol/source/XYZ"), require("ol/extent"), require("ol/control/Attribution"), require("ol-ext/control/Bar"), require("ol-ext/control/Button"), require("ol-contextmenu"), require("ol/control/FullScreen"), require("ol-ext/control/LayerSwitcher"), require("ol-ext/control/LayerSwitcherImage"), require("ol/control/MousePosition"), require("ol/control/OverviewMap"), require("ol-ext/control/PrintDialog"), require("ol-ext/control/Profile"), require("ol/control/Rotate"), require("ol/control/ScaleLine"), require("ol-ext/control/Search"), require("ol-ext/control/Swipe"), require("ol-ext/control/Toggle"), require("ol-ext/control/VideoRecorder"), require("ol-ext/control/MapZone"), require("ol/control/Zoom"), require("ol/control/ZoomSlider"), require("ol/control/ZoomToExtent"), require("ol/geom/Circle"), require("ol/geom"), require("ol/geom/LineString"), require("ol/geom/MultiLineString"), require("ol/geom/MultiPoint"), require("ol/geom/MultiPolygon"), require("ol/geom/Point"), require("ol/geom/Polygon"), require("ol/style/Style"), require("ol/interaction/Draw"), require("ol/interaction/Modify"), require("ol/style/Circle"), require("ol/style/Fill"), require("ol/style/Stroke"), require("ol/interaction"), require("ol/style/Icon"), require("ol/style/Text"), require("ol-ext/style/FlowLine"), require("ol-ext/interaction/SelectCluster"), require("ol/interaction/DragBox"), require("ol/interaction/DragRotate"), require("ol/interaction/DragRotateAndZoom"), require("ol/interaction/Link"), require("ol/interaction/Select"), require("ol/interaction/Pointer"), require("ol/interaction/Snap"), require("ol-ext/interaction/Transform"), require("ol/events/condition"), require("ol/interaction/MouseWheelZoom"), require("ol-ext/featureanimation/Drop"), require("ol/easing"), require("ol-ext/featureanimation/FeatureAnimation"), require("ol-ext/featureanimation/Fade"), require("ol-ext/featureanimation/Path"), require("ol-ext/featureanimation/Shake"), require("ol-ext/featureanimation/Slide"), require("ol-ext/featureanimation/Teleport"), require("ol-ext/featureanimation/Zoom"), require("ol/format"), require("ol/loadingstrategy"), require("ol-contextmenu/ol-contextmenu.css"), require("ol-ext/dist/ol-ext.css"), require("ol/ol.css")) : typeof define === "function" && define.amd ? define(["exports", "vue", "ol/Feature", "ol/geom/Geometry", "ol/Geolocation", "ol/Map", "ol/Overlay", "ol/proj/proj4", "ol/proj/Projection", "ol/View", "ol/proj", "ol/source", "ol-ext/layer/AnimatedCluster", "ol/layer/Heatmap", "ol/layer/Image", "ol/layer/Group", "ol/layer/Tile", "ol/source/Tile", "ol/layer/Vector", "ol/layer/VectorTile", "ol/layer/VectorImage", "ol/layer/WebGLTile", "ol/layer", "ol/renderer/webgl/VectorLayer", "ol/source/BingMaps", "ol/source/Vector", "ol/source/Image", "ol/source/Cluster", "ol/source/ImageStatic", "ol/source/ImageWMS", "ol/source/OSM", "ol/source/StadiaMaps", "ol/source/WMTS", "ol/tilegrid/WMTS", "ol/source/TileArcGISRest", "ol/tilegrid", "ol/source/TileDebug", "ol/source/GeoTIFF", "ol/source/TileJSON", "ol/source/TileWMS", "ol", "ol/source/VectorTile", "ol/source/XYZ", "ol/extent", "ol/control/Attribution", "ol-ext/control/Bar", "ol-ext/control/Button", "ol-contextmenu", "ol/control/FullScreen", "ol-ext/control/LayerSwitcher", "ol-ext/control/LayerSwitcherImage", "ol/control/MousePosition", "ol/control/OverviewMap", "ol-ext/control/PrintDialog", "ol-ext/control/Profile", "ol/control/Rotate", "ol/control/ScaleLine", "ol-ext/control/Search", "ol-ext/control/Swipe", "ol-ext/control/Toggle", "ol-ext/control/VideoRecorder", "ol-ext/control/MapZone", "ol/control/Zoom", "ol/control/ZoomSlider", "ol/control/ZoomToExtent", "ol/geom/Circle", "ol/geom", "ol/geom/LineString", "ol/geom/MultiLineString", "ol/geom/MultiPoint", "ol/geom/MultiPolygon", "ol/geom/Point", "ol/geom/Polygon", "ol/style/Style", "ol/interaction/Draw", "ol/interaction/Modify", "ol/style/Circle", "ol/style/Fill", "ol/style/Stroke", "ol/interaction", "ol/style/Icon", "ol/style/Text", "ol-ext/style/FlowLine", "ol-ext/interaction/SelectCluster", "ol/interaction/DragBox", "ol/interaction/DragRotate", "ol/interaction/DragRotateAndZoom", "ol/interaction/Link", "ol/interaction/Select", "ol/interaction/Pointer", "ol/interaction/Snap", "ol-ext/interaction/Transform", "ol/events/condition", "ol/interaction/MouseWheelZoom", "ol-ext/featureanimation/Drop", "ol/easing", "ol-ext/featureanimation/FeatureAnimation", "ol-ext/featureanimation/Fade", "ol-ext/featureanimation/Path", "ol-ext/featureanimation/Shake", "ol-ext/featureanimation/Slide", "ol-ext/featureanimation/Teleport", "ol-ext/featureanimation/Zoom", "ol/format", "ol/loadingstrategy", "ol-contextmenu/ol-contextmenu.css", "ol-ext/dist/ol-ext.css", "ol/ol.css"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["vue3-openlayers"] = {}, global2.Vue, global2.Feature, global2.Geometry, global2.Geolocation, global2.Map$1, global2.Overlay, global2.proj4$1, global2.Projection$1, global2.View, global2.proj, global2.source, global2.AnimatedCluster, global2.HeatmapLayer, global2.ImageLayer, global2.LayerGroup, global2.TileLayer, global2.TileSource, global2.VectorLayer, global2.VectorLayerTile, global2.VectorImageLayer, global2.TileLayer$1, global2.Layer, global2.WebGLVectorLayerRenderer, global2.BingMaps, global2.VectorSource, global2.ImageSource, global2.Cluster, global2.Static, global2.ImageWMS, global2.OSM, global2.StadiaMaps, global2.WMTSSource, global2.TileGridWMTS, global2.TileArcGISRest, global2.tilegrid, global2.TileDebug, global2.GeoTIFF, global2.TileJSON, global2.TileWMS, global2.ol, global2.VectorSourceTile, global2.XYZ, global2.extent, global2.Attribution, global2.Bar, global2.Button, global2.ContextMenu, global2.FullScreen, global2.LayerSwitcher, global2.LayerSwitcherImage, global2.MousePosition, global2.OverviewMap, global2.PrintDialog, global2.Profile, global2.Rotate$1, global2.ScaleLine, global2.Search, global2.Swipe, global2.Toggle, global2.VideoRecorder, global2.MapZone, global2.Zoom, global2.ZoomSlider, global2.ZoomToExtent, global2.Circle, global2.geom, global2.LineString, global2.MultiLineString, global2.MultiPoint, global2.MultiPolygon, global2.Point$2, global2.Polygon, global2.Style, global2.Draw, global2.Modify, global2.CircleStyle, global2.Fill, global2.Stroke, global2.interaction, global2.Icon, global2.Text, global2.FlowLine, global2.SelectCluster, global2.DragBox, global2.DragRotate, global2.DragRotateAndZoom, global2.Link, global2.Select, global2.Pointer, global2.Snap, global2.Transform$1, global2.selectconditions, global2.MouseWheelZoom, global2.Drop, global2.animations, null, global2.Fade, global2.Path, global2.Shake, global2.Slide, global2.Teleport, global2.Zoom$1, global2.format, global2.loadingstrategy)); })(this, function(exports2, vue, Feature, Geometry, Geolocation, Map$1, Overlay, proj4$1, Projection$1, View, proj, source, AnimatedCluster, HeatmapLayer, ImageLayer, LayerGroup, TileLayer, TileSource, VectorLayer, VectorTileLayer, VectorImageLayer, TileLayer$1, layer, WebGLVectorLayerRenderer, BingMaps, VectorSource, ImageSource, Cluster, Static, ImageWMS, OSM, StadiaMaps, WMTSSource, TileGridWMTS, TileArcGISRest, tilegrid, TileDebug, GeoTIFF, TileJSON, TileWMS, ol, VectorTileSource, XYZ, extent, Attribution, Bar, Button, ContextMenu, FullScreen, LayerSwitcher, LayerSwitcherImage, MousePosition, OverviewMap, PrintDialog, Profile, Rotate$1, ScaleLine, Search, Swipe, Toggle, VideoRecorder, MapZone, Zoom, ZoomSlider, ZoomToExtent, Circle, geom, LineString, MultiLineString, MultiPoint, MultiPolygon, Point$2, Polygon, Style, Draw, Modify, CircleStyle, Fill, Stroke, interaction, Icon, Text, FlowLine, SelectCluster, DragBox, DragRotate, DragRotateAndZoom, Link, Select, Pointer, Snap, Transform$1, selectconditions, MouseWheelZoom, Drop, animations, FeatureAnimation, Fade, Path, Shake, Slide, Teleport, Zoom$1, format, loadingstrategy) { "use strict";var __defProp = Object.defineProperty; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); var __vite_style__ = document.createElement("style"); __vite_style__.textContent = ".ol-viewport .ol-zoomslider {\n top: 7.5em;\n left: 0.5em;\n height: 240px;\n border: 2px solid rgba(0, 60, 136, 0.5);\n}\n\n.ol-viewport .ol-mouse-position {\n top: 0;\n left: 50%;\n transform: translate(-50%, 0);\n width: 70%;\n position: absolute;\n text-align: center;\n}\n\n.ol-viewport .ol-rotate {\n top: 0.5em;\n right: 2.5em;\n transition:\n opacity 0.25s linear,\n visibility 0s linear;\n}\n\n.ol-viewport .ol-layerswitcher-image .ol-layer-hidden {\n opacity: 1;\n}\n\n.ol-viewport .ol-overviewmap.ol-collapsed .ol-overviewmap-map,\n.ol-viewport .ol-overviewmap.ol-uncollapsible button {\n display: block;\n opacity: 0;\n}\n\n.ol-viewport .ol-collapsed {\n background-color: rgba(255, 255, 255, 0);\n}\n\n.ol-viewport .ol-collapsed:hover {\n background-color: rgba(255, 255, 255, 0);\n}\n\n.ol-viewport .ol-layerswitcher-image button {\n background-color: transparent;\n}\n\n.ol-viewport .ol-control.ol-mapzone,\n.ol-viewport .ol-control.ol-mapzone.ol-collapsed {\n top: 12.5em;\n}\n\n.ol-viewport .ol-control.ol-mapzone button {\n margin-top: 0em;\n}\n\n.ol-viewport .ol-control.ol-mapzone > div p {\n background-color: black;\n}\n"; document.head.appendChild(__vite_style__); function _interopNamespaceDefault(e2) { const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } }); if (e2) { for (const k2 in e2) { if (k2 !== "default") { const d2 = Object.getOwnPropertyDescriptor(e2, k2); Object.defineProperty(n2, k2, d2.get ? d2 : { enumerable: true, get: () => e2[k2] }); } } } n2.default = e2; return Object.freeze(n2); } const extent__namespace = /* @__PURE__ */ _interopNamespaceDefault(extent); const geom__namespace = /* @__PURE__ */ _interopNamespaceDefault(geom); const selectconditions__namespace = /* @__PURE__ */ _interopNamespaceDefault(selectconditions); const animations__namespace = /* @__PURE__ */ _interopNamespaceDefault(animations); const format__namespace = /* @__PURE__ */ _interopNamespaceDefault(format); const loadingstrategy__namespace = /* @__PURE__ */ _interopNamespaceDefault(loadingstrategy); const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({ __name: "OlFeature", props: { properties: {} }, setup(__props, { expose: __expose }) { const props = __props; const vectorSource = vue.inject("vectorSource"); const vectorLayer = vue.inject( "vectorLayer", null ); const heatmapLayer = vue.inject("heatmapLayer", null); const layer2 = heatmapLayer || vectorLayer; const animation = vue.inject( "animation", null ); const feature = vue.ref( new Feature({ ...props.properties }) ); vue.watch( () => props.properties, // Needed as props.properties is optional (properties) => { if (properties instanceof Geometry) { feature.value.setGeometry(properties); feature.value.setProperties({}); } else if (typeof properties !== "undefined") { feature.value.setGeometry(void 0); feature.value.setProperties(properties); } else { feature.value.setGeometry(void 0); feature.value.setProperties({}); } } ); vue.watch( () => vectorSource, (newVal, oldVal) => { var _a2, _b2, _c; (_a2 = oldVal == null ? void 0 : oldVal.value) == null ? void 0 : _a2.removeFeature(feature.value); (_b2 = newVal == null ? void 0 : newVal.value) == null ? void 0 : _b2.addFeature(feature.value); (_c = newVal == null ? void 0 : newVal.value) == null ? void 0 : _c.changed(); } ); vue.onMounted(() => { var _a2; if (animation == null ? void 0 : animation.value) { (_a2 = layer2 == null ? void 0 : layer2.value) == null ? void 0 : _a2.animateFeature(feature.value, animation.value); } vue.nextTick(() => { var _a3; (_a3 = vectorSource == null ? void 0 : vectorSource.value) == null ? void 0 : _a3.addFeature(feature.value); }); }); vue.onUnmounted(() => { var _a2; (_a2 = vectorSource == null ? void 0 : vectorSource.value) == null ? void 0 : _a2.removeFeature(feature.value); }); vue.provide("feature", feature); vue.provide("stylable", feature); __expose({ feature }); return (_ctx, _cache) => { return vue.renderSlot(_ctx.$slots, "default"); }; } }); function checkAndUpdateStylePropDef(options) { if ("styles" in options) { const { styles, ...rest } = vue.toRefs(vue.reactive(options)); return { style: styles, ...rest }; } else { return options; } } function usePropsAsObjectProperties(props) { const instance = vue.getCurrentInstance(); let globalOptions = { debug: false }; if (instance) { globalOptions = vue.inject("ol-options", globalOptions); } const revisedProps = checkAndUpdateStylePropDef(props); const properties = vue.reactive(revisedProps); if (globalOptions == null ? void 0 : globalOptions.debug) { console.debug("[Vue3-OpenLayers Debug] PROPS", { in: props, out: properties }); } return properties; } const COMMON_EVENTS = ["change", "error", "propertychange"]; const LAYER_EVENTS = [ "change:extent", "change:maxResolution", "change:maxZoom", "change:minResolution", "change:minZoom", "change:opacity", "change:source", "change:visible", "change:zIndex", "postrender", "prerender", "sourceready" ]; const TILE_SOURCE_EVENTS = [ "tileloadend", "tileloaderror", "tileloadstart" ]; const IMAGE_SOURCE_EVENTS = [ "imageloadend", "imageloaderror", "imageloadstart" ]; const VECTOR_SOURCE_EVENTS = [ "addfeature", "changefeature", "clear", "featuresloadend", "featuresloaderror", "featuresloadstart", "removefeature" ]; function useOpenLayersEvents(feature, eventNames) { const instance = vue.getCurrentInstance(); let globalOptions = { debug: false }; if (instance) { globalOptions = vue.inject("ol-options", globalOptions); } function updateOpenLayersEventHandlers() { [...COMMON_EVENTS, ...eventNames].forEach((eventName) => { let unwrappedFeature; if (vue.isRef(feature)) { unwrappedFeature = feature.value; } else { unwrappedFeature = feature; } unwrappedFeature.on(eventName, (...args) => { if (globalOptions == null ? void 0 : globalOptions.debug) { console.debug("[Vue3-OpenLayers Debug] EVENT", eventName, { eventName, args, source: feature }); } instance == null ? void 0 : instance.emit(eventName, ...args); }); }); } if (instance) { vue.onMounted(() => { updateOpenLayersEventHandlers(); }); } return { updateOpenLayersEventHandlers }; } const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({ ...{ inheritAttrs: false }, __name: "OlGeolocation", props: { tracking: { type: Boolean, default: true }, trackingOptions: { default: () => ({ enableHighAccuracy: true }) }, projection: { default: "EPSG:3857" } }, emits: ["change", "error", "propertychange", "change:accuracy", "change:accuracyGeometry", "change:altitude", "change:altitudeAccuracy", "change:heading", "change:position", "change:projection", "change:speed", "change:tracking", "change:trackingOptions"], setup(__props, { expose: __expose }) { const props = __props; const properties = usePropsAsObjectProperties(props); const geoLoc = vue.computed(() => new Geolocation(properties)); useOpenLayersEvents(geoLoc, [ "change:accuracy", "change:accuracyGeometry", "change:altitude", "change:altitudeAccuracy", "change:heading", "change:position", "change:projection", "change:speed", "change:tracking", "change:trackingOptions" ]); const position2 = vue.ref([]); const accuracy = vue.ref(0); const altitude = vue.ref(0); const altitudeAccuracy = vue.ref(0); const speed = vue.ref(0); const heading = vue.ref(0); const accuracyGeometry = vue.ref(null); __expose({ geoLoc, position: position2, accuracy, altitude, altitudeAccuracy, speed, heading, accuracyGeometry }); return (_ctx, _cache) => { return vue.renderSlot(_ctx.$slots, "default", { position: position2.value, speed: speed.value, heading: heading.value, accuracy: accuracy.value, altitude: altitude.value, altitudeAccuracy: altitudeAccuracy.value, accuracyGeometry: accuracyGeometry.value }); }; } }); function mergeProperties(existingProperties, newProperties) { for (const key in newProperties) { if (Object.prototype.hasOwnProperty.call(newProperties, key)) { if (newProperties[key] !== void 0) { existingProperties[key] = newProperties[key]; } } } return existingProperties; } const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({ __name: "OlMap", props: { controls: {}, pixelRatio: {}, interactions: {}, keyboardEventTarget: {}, layers: {}, maxTilesLoading: {}, moveTolerance: {}, overlays: {}, target: {}, view: {}, instance: {} }, emits: ["change", "error", "propertychange", "change:layerGroup", "change:size", "change:target", "change:view", "click", "dblclick", "singleclick", "loadstart", "loadend", "pointerdrag", "pointermove", "movestart", "moveend", "postrender", "precompose", "postcompose", "rendercomplete"], setup(__props, { expose: __expose, emit: __emit }) { const props = __props; const emit = __emit; const properties = usePropsAsObjectProperties({ ...props, instance: void 0 }); const mapRef = vue.ref(void 0); let map = props.instance || new Map$1({ ...properties }); vue.watch( properties, () => { const p2 = props.instance ? mergeProperties(properties, props.instance.getProperties()) : properties; map == null ? void 0 : map.setProperties(p2); }, { immediate: true } ); vue.onMounted(() => { if (!props.instance) { map == null ? void 0 : map.setTarget(mapRef.value); } }); vue.onUnmounted(() => { if (!props.instance) { map == null ? void 0 : map.setTarget(void 0); } map = void 0; }); vue.provide("map", map); const forEachFeatureAtPixel = (pixel, callback, options) => map == null ? void 0 : map.forEachFeatureAtPixel(pixel, callback, options); const getCoordinateFromPixel = (pixel) => map == null ? void 0 : map.getCoordinateFromPixel(pixel); const render = () => map == null ? void 0 : map.render(); const updateSize = () => map == null ? void 0 : map.updateSize(); map.on("change", (event) => emit("change", event)); map.on("error", (event) => emit("error", event)); map.on("propertychange", (event) => emit("propertychange", event)); map.on("click", (event) => emit("click", event)); map.on("change:size", (event) => emit("change:size", event)); map.on("change:target", (event) => emit("change:target", event)); map.on("change:view", (event) => emit("change:view", event)); map.on("dblclick", (event) => emit("dblclick", event)); map.on("singleclick", (event) => emit("singleclick", event)); map.on("pointerdrag", (event) => emit("pointerdrag", event)); map.on("pointermove", (event) => emit("pointermove", event)); map.on("movestart", (event) => emit("movestart", event)); map.on("moveend", (event) => emit("moveend", event)); map.on("postrender", (event) => emit("postrender", event)); map.on("precompose", (event) => emit("precompose", event)); map.on("postcompose", (event) => emit("postcompose", event)); map.on("rendercomplete", (event) => emit("rendercomplete", event)); map.on("loadstart", (event) => { map == null ? void 0 : map.getTargetElement().classList.add("ol-map"); map == null ? void 0 : map.getTargetElement().classList.add("ol-map-loading"); map == null ? void 0 : map.getTargetElement().classList.remove("ol-map-fully-loaded"); emit("loadstart", event); }); map.on("loadend", (event) => { map == null ? void 0 : map.getTargetElement().classList.add("ol-map-fully-loaded"); map == null ? void 0 : map.getTargetElement().classList.remove("ol-map-loading"); emit("loadend", event); }); __expose({ map, mapRef, forEachFeatureAtPixel, getCoordinateFromPixel, render, updateSize }); return (_ctx, _cache) => { return vue.openBlock(), vue.createElementBlock("div", { ref_key: "mapRef", ref: mapRef }, [ vue.renderSlot(_ctx.$slots, "default") ], 512); }; } }); const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({ ...{ inheritAttrs: false }, __name: "OlOverlay", props: { id: {}, element: {}, offset: {}, position: {}, positioning: {}, stopEvent: { type: Boolean, default: true }, insertFirst: { type: Boolean, default: true }, autoPan: { type: [Boolean, Object] }, className: {} }, emits: ["change", "error", "propertychange", "change:element", "change:map", "change:offset", "change:position", "change:positioning"], setup(__props, { expose: __expose }) { const props = __props; const map = vue.inject("map"); const htmlContent = vue.ref(); const properties = usePropsAsObjectProperties(props); const overlay = vue.shallowRef(new Overlay(properties)); useOpenLayersEvents(overlay, [ "change:element", "change:map", "change:offset", "change:position", "change:positioning" ]); const getOffset = () => overlay.value.getOffset(); const getPosition = () => overlay.value.getPosition(); const getPositioning = () => overlay.value.getPositioning(); const panIntoView = (optPanIntoViewOptions) => overlay.value.panIntoView(optPanIntoViewOptions); const setElement = (element) => overlay.value.setElement(element); const setOffset = (offset) => overlay.value.setOffset(offset); const setPosition = (position2) => overlay.value.setPosition(position2); const setPositioning = (positioning) => overlay.value.setPositioning(positioning); function removeOverlay(ov) { const removed = map == null ? void 0 : map.removeOverlay(ov); if (!removed) { console.warn("couldn't find matching overlay to remove", overlay.value); } } vue.onMounted(() => { map == null ? void 0 : map.addOverlay(overlay.value); }); vue.onUnmounted(() => removeOverlay(overlay.value)); vue.watch( () => properties, (newValue) => { for (const key in newValue) { const keyInObj = key; if (newValue[keyInObj] !== void 0) { overlay.value.set(key, newValue[keyInObj]); } } }, { deep: true } ); vue.watchEffect( () => { setElement(htmlContent.value); }, { flush: "post" } ); __expose({ overlay, htmlContent, getOffset, getPosition, getPositioning, panIntoView, setElement, setOffset, setPosition, setPositioning }); return (_ctx, _cache) => { return vue.openBlock(), vue.createElementBlock("div", { ref_key: "htmlContent", ref: htmlContent }, [ vue.renderSlot(_ctx.$slots, "default", { position: _ctx.position }) ], 512); }; } }); function globals(defs2) { defs2("EPSG:4326", "+title=WGS 84 (long/lat) +proj=longlat +ellps=WGS84 +datum=WGS84 +units=degrees"); defs2("EPSG:4269", "+title=NAD83 (long/lat) +proj=longlat +a=6378137.0 +b=6356752.31414036 +ellps=GRS80 +datum=NAD83 +units=degrees"); defs2("EPSG:3857", "+title=WGS 84 / Pseudo-Mercator +proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +no_defs"); defs2.WGS84 = defs2["EPSG:4326"]; defs2["EPSG:3785"] = defs2["EPSG:3857"]; defs2.GOOGLE = defs2["EPSG:3857"]; defs2["EPSG:900913"] = defs2["EPSG:3857"]; defs2["EPSG:102113"] = defs2["EPSG:3857"]; } var PJD_3PARAM = 1; var PJD_7PARAM = 2; var PJD_GRIDSHIFT = 3; var PJD_WGS84 = 4; var PJD_NODATUM = 5; var SRS_WGS84_SEMIMAJOR = 6378137; var SRS_WGS84_SEMIMINOR = 6356752314e-3; var SRS_WGS84_ESQUARED = 0.0066943799901413165; var SEC_TO_RAD = 484813681109536e-20; var HALF_PI = Math.PI / 2; var SIXTH = 0.16666666666666666; var RA4 = 0.04722222222222222; var RA6 = 0.022156084656084655; var EPSLN = 1e-10; var D2R$1 = 0.017453292519943295; var R2D = 57.29577951308232; var FORTPI = Math.PI / 4; var TWO_PI = Math.PI * 2; var SPI = 3.14159265359; var exports$3 = {}; exports$3.greenwich = 0; exports$3.lisbon = -9.131906111111; exports$3.paris = 2.337229166667; exports$3.bogota = -74.080916666667; exports$3.madrid = -3.687938888889; exports$3.rome = 12.452333333333; exports$3.bern = 7.439583333333; exports$3.jakarta = 106.807719444444; exports$3.ferro = -17.666666666667; exports$3.brussels = 4.367975; exports$3.stockholm = 18.058277777778; exports$3.athens = 23.7163375; exports$3.oslo = 10.722916666667; const units = { ft: { to_meter: 0.3048 }, "us-ft": { to_meter: 1200 / 3937 } }; var ignoredChar = /[\s_\-\/\(\)]/g; function match$1(obj, key) { if (obj[key]) { return obj[key]; } var keys2 = Object.keys(obj); var lkey = key.toLowerCase().replace(ignoredChar, ""); var i2 = -1; var testkey, processedKey; while (++i2 < keys2.length) { testkey = keys2[i2]; processedKey = testkey.toLowerCase().replace(ignoredChar, ""); if (processedKey === lkey) { return obj[testkey]; } } } function projStr(defData) { var self2 = {}; var paramObj = defData.split("+").map(function(v2) { return v2.trim(); }).filter(function(a2) { return a2; }).reduce(function(p2, a2) { var split2 = a2.split("="); split2.push(true); p2[split2[0].toLowerCase()] = split2[1]; return p2; }, {}); var paramName, paramVal, paramOutname; var params2 = { proj: "projName", datum: "datumCode", rf: function(v2) { self2.rf = parseFloat(v2); }, lat_0: function(v2) { self2.lat0 = v2 * D2R$1; }, lat_1: function(v2) { self2.lat1 = v2 * D2R$1; }, lat_2: function(v2) { self2.lat2 = v2 * D2R$1; }, lat_ts: function(v2) { self2.lat_ts = v2 * D2R$1; }, lon_0: function(v2) { self2.long0 = v2 * D2R$1; }, lon_1: function(v2) { self2.long1 = v2 * D2R$1; }, lon_2: function(v2) { self2.long2 = v2 * D2R$1; }, alpha: function(v2) { self2.alpha = parseFloat(v2) * D2R$1; }, gamma: function(v2) { self2.rectified_grid_angle = parseFloat(v2); }, lonc: function(v2) { self2.longc = v2 * D2R$1; }, x_0: function(v2) { self2.x0 = parseFloat(v2); }, y_0: function(v2) { self2.y0 = parseFloat(v2); }, k_0: function(v2) { self2.k0 = parseFloat(v2); }, k: function(v2) { self2.k0 = parseFloat(v2); }, a: function(v2) { self2.a = parseFloat(v2); }, b: function(v2) { self2.b = parseFloat(v2); }, r: function(v2) { self2.a = self2.b = parseFloat(v2); }, r_a: function() { self2.R_A = true; }, zone: function(v2) { self2.zone = parseInt(v2, 10); }, south: function() { self2.utmSouth = true; }, towgs84: function(v2) { self2.datum_params = v2.split(",").map(function(a2) { return parseFloat(a2); }); }, to_meter: function(v2) { self2.to_meter = parseFloat(v2); }, units: function(v2) { self2.units = v2; var unit = match$1(units, v2); if (unit) { self2.to_meter = unit.to_meter; } }, from_greenwich: function(v2) { self2.from_greenwich = v2 * D2R$1; }, pm: function(v2) { var pm = match$1(exports$3, v2); self2.from_greenwich = (pm ? pm : parseFloat(v2)) * D2R$1; }, nadgrids: function(v2) { if (v2 === "@null") { self2.datumCode = "none"; } else { self2.nadgrids = v2; } }, axis: function(v2) { var legalAxis = "ewnsud"; if (v2.length === 3 && legalAxis.indexOf(v2.substr(0, 1)) !== -1 && legalAxis.indexOf(v2.substr(1, 1)) !== -1 && legalAxis.indexOf(v2.substr(2, 1)) !== -1) { self2.axis = v2; } }, approx: function() { self2.approx = true; } }; for (paramName in paramObj) { paramVal = paramObj[paramName]; if (paramName in params2) { paramOutname = params2[paramName]; if (typeof paramOutname === "function") { paramOutname(paramVal); } else { self2[paramOutname] = paramVal; } } else { self2[paramName] = paramVal; } } if (typeof self2.datumCode === "string" && self2.datumCode !== "WGS84") { self2.datumCode = self2.datumCode.toLowerCase(); } return self2; } var NEUTRAL = 1; var KEYWORD = 2; var NUMBER = 3; var QUOTED = 4; var AFTERQUOTE = 5; var ENDED = -1; var whitespace = /\s/; var latin = /[A-Za-z]/; var keyword = /[A-Za-z84_]/; var endThings = /[,\]]/; var digets = /[\d\.E\-\+]/; function Parser$2(text2) { if (typeof text2 !== "string") { throw new Error("not a string"); } this.text = text2.trim(); this.level = 0; this.place = 0; this.root = null; this.stack = []; this.currentObject = null; this.state = NEUTRAL; } Parser$2.prototype.readCharicter = function() { var char = this.text[this.place++]; if (this.state !== QUOTED) { while (whitespace.test(char)) { if (this.place >= this.text.length) { return; } char = this.text[this.place++]; } } switch (this.state) { case NEUTRAL: return this.neutral(char); case KEYWORD: return this.keyword(char); case QUOTED: return this.quoted(char); case AFTERQUOTE: return this.afterquote(char); case NUMBER: return this.number(char); case ENDED: return; } }; Parser$2.prototype.afterquote = function(char) { if (char === '"') { this.word += '"'; this.state = QUOTED; return; } if (endThings.test(char)) { this.word = this.word.trim(); this.afterItem(char); return; } throw new Error(`havn't handled "` + char + '" in afterquote yet, index ' + this.place); }; Parser$2.prototype.afterItem = function(char) { if (char === ",") { if (this.word !== null) { this.currentObject.push(this.word); } this.word = null; this.state = NEUTRAL; return; } if (char === "]") { this.level--; if (this.word !== null) { this.currentObject.push(this.word); this.word = null; } this.state = NEUTRAL; this.currentObject = this.stack.pop(); if (!this.currentObject) { this.state = ENDED; } return; } }; Parser$2.prototype.number = function(char) { if (digets.test(char)) { this.word += char; return; } if (endThings.test(char)) { this.word = parseFloat(this.word); this.afterItem(char); return; } throw new Error(`havn't handled "` + char + '" in number yet, index ' + this.place); }; Parser$2.prototype.quoted = function(char) { if (char === '"') { this.state = AFTERQUOTE; return; } this.word += char; return; }; Parser$2.prototype.keyword = function(char) { if (keyword.test(char)) { this.word += char; return; } if (char === "[") { var newObjects = []; newObjects.push(this.word); this.level++; if (this.root === null) { this.root = newObjects; } else { this.currentObject.push(newObjects); } this.stack.push(this.currentObject); this.currentObject = newObjects; this.state = NEUTRAL; return; } if (endThings.test(char)) { this.afterItem(char); return; } throw new Error(`havn't handled "` + char + '" in keyword yet, index ' + this.place); }; Parser$2.prototype.neutral = function(char) { if (latin.test(char)) { this.word = char; this.state = KEYWORD; return; } if (char === '"') { this.word = ""; this.state = QUOTED; return; } if (digets.test(char)) { this.word = char; this.state = NUMBER; return; } if (endThings.test(char)) { this.afterItem(char); return; } throw new Error(`havn't handled "` + char + '" in neutral yet, index ' + this.place); }; Parser$2.prototype.output = function() { while (this.place < this.text.length) { this.readCharicter(); } if (this.state === ENDED) { return this.root; } throw new Error('unable to parse string "' + this.text + '". State is ' + this.state); }; function parseString(txt) { var parser = new Parser$2(txt); return parser.output(); } function mapit(obj, key, value) { if (Array.isArray(key)) { value.unshift(key); key = null; } var thing = key ? {} : obj; var out = value.reduce(function(newObj, item) { sExpr(item, newObj); return newObj; }, thing); if (key) { obj[key] = out; } } function sExpr(v2, obj) { if (!Array.isArray(v2)) { obj[v2] = true; return; } var key = v2.shift(); if (key === "PARAMETER") { key = v2.shift(); } if (v2.length === 1) { if (Array.isArray(v2[0])) { obj[key] = {}; sExpr(v2[0], obj[key]); return; } obj[key] = v2[0]; return; } if (!v2.length) { obj[key] = true; return; } if (key === "TOWGS84") { obj[key] = v2; return; } if (key === "AXIS") { if (!(key in obj)) { obj[key] = []; } obj[key].push(v2); return; } if (!Array.isArray(key)) { obj[key] = {}; } var i2; switch (key) { case "UNIT": case "PRIMEM": case "VERT_DATUM": obj[key] = { name: v2[0].toLowerCase(), convert: v2[1] }; if (v2.length === 3) { sExpr(v2[2], obj[key]); } return; case "SPHEROID": case "ELLIPSOID": obj[key] = { name: v2[0], a: v2[1], rf: v2[2] }; if (v2.length === 4) { sExpr(v2[3], obj[key]); } return; case "PROJECTEDCRS": case "PROJCRS": case "GEOGCS": case "GEOCCS": case "PROJCS": case "LOCAL_CS": case "GEODCRS": case "GEODETICCRS": case "GEODETICDATUM": case "EDATUM": case "ENGINEERINGDATUM": case "VERT_CS": case "VERTCRS": case "VERTICALCRS": case "COMPD_CS": case "COMPOUNDCRS": case "ENGINEERINGCRS": case "ENGCRS": case "FITTED_CS": case "LOCAL_DATUM": case "DATUM": v2[0] = ["name", v2[0]]; mapit(obj, key, v2); return; default: i2 = -1; while (++i2 < v2.length) { if (!Array.isArray(v2[i2])) { return sExpr(v2, obj[key]); } } return mapit(obj, key, v2); } } var D2R = 0.017453292519943295; function rename(obj, params2) { var outName = params2[0]; var inName = params2[1]; if (!(outName in obj) && inName in obj) { obj[outName] = obj[inName]; if (params2.length === 3) { obj[outName] = params2[2](obj[outName]); } } } function d2r(input) { return input * D2R; } function cleanWKT(wkt2) { if (wkt2.type === "GEOGCS") { wkt2.projName = "longlat"; } else if (wkt2.type === "LOCAL_CS") { wkt2.projName = "identity"; wkt2.local = true; } else { if (typeof wkt2.PROJECTION === "object") { wkt2.projName = Object.keys(wkt2.PROJECTION)[0]; } else { wkt2.projName = wkt2.PROJECTION; } } if (wkt2.AXIS) { var axisOrder = ""; for (var i2 = 0, ii = wkt2.AXIS.length; i2 < ii; ++i2) { var axis = [wkt2.AXIS[i2][0].toLowerCase(), wkt2.AXIS[i2][1].toLowerCase()]; if (axis[0].indexOf("north") !== -1 || (axis[0] === "y" || axis[0] === "lat") && axis[1] === "north") { axisOrder += "n"; } else if (axis[0].indexOf("south") !== -1 || (axis[0] === "y" || axis[0] === "lat") && axis[1] === "south") { axisOrder += "s"; } else if (axis[0].indexOf("east") !== -1 || (axis[0] === "x" || axis[0] === "lon") && axis[1] === "east") { axisOrder += "e"; } else if (axis[0].indexOf("west") !== -1 || (axis[0] === "x" || axis[0] === "lon") && axis[1] === "west") { axisOrder += "w"; } } if (axisOrder.length === 2) { axisOrder += "u"; } if (axisOrder.length === 3) { wkt2.axis = axisOrder; } } if (wkt2.UNIT) { wkt2.units = wkt2.UNIT.name.toLowerCase(); if (wkt2.units === "metre") { wkt2.units = "meter"; } if (wkt2.UNIT.convert) { if (wkt2.type === "GEOGCS") { if (wkt2.DATUM && wkt2.DATUM.SPHEROID) { wkt2.to_meter = wkt2.UNIT.convert * wkt2.DATUM.SPHEROID.a; } } else { wkt2.to_meter = wkt2.UNIT.convert; } } } var geogcs = wkt2.GEOGCS; if (wkt2.type === "GEOGCS") { geogcs = wkt2; } if (geogcs) { if (geogcs.DATUM) { wkt2.datumCode = geogcs.DATUM.name.toLowerCase(); } else { wkt2.datumCode = geogcs.name.toLowerCase(); } if (wkt2.datumCode.slice(0, 2) === "d_") { wkt2.datumCode = wkt2.datumCode.slice(2); } if (wkt2.datumCode === "new_zealand_geodetic_datum_1949" || wkt2.datumCode === "new_zealand_1949") { wkt2.datumCode = "nzgd49"; } if (wkt2.datumCode === "wgs_1984" || wkt2.datumCode === "world_geodetic_system_1984") { if (wkt2.PROJECTION === "Mercator_Auxiliary_Sphere") { wkt2.sphere = true; } wkt2.datumCode = "wgs84"; } if (wkt2.datumCode.slice(-6) === "_ferro") { wkt2.datumCode = wkt2.datumCode.slice(0, -6); } if (wkt2.datumCode.slice(-8) === "_jakarta") { wkt2.datumCode = wkt2.datumCode.slice(0, -8); } if (~wkt2.datumCode.indexOf("belge")) { wkt2.datumCode = "rnb72"; } if (geogcs.DATUM && geogcs.DATUM.SPHEROID) { wkt2.ellps = geogcs.DATUM.SPHEROID.name.replace("_19", "").replace(/[Cc]larke\_18/, "clrk"); if (wkt2.ellps.toLowerCase().slice(0, 13) === "international") { wkt2.ellps = "intl"; } wkt2.a = geogcs.DATUM.SPHEROID.a; wkt2.rf = parseFloat(geogcs.DATUM.SPHEROID.rf, 10); } if (geogcs.DATUM && geogcs.DATUM.TOWGS84) { wkt2.datum_params = geogcs.DATUM.TOWGS84; } if (~wkt2.datumCode.indexOf("osgb_1936")) { wkt2.datumCode = "osgb36"; } if (~wkt2.datumCode.indexOf("osni_1952")) { wkt2.datumCode = "osni52"; } if (~wkt2.datumCode.indexOf("tm65") || ~wkt2.datumCode.indexOf("geodetic_datum_of_1965")) { wkt2.datumCode = "ire65"; } if (wkt2.datumCode === "ch1903+") { wkt2.datumCode = "ch1903"; } if (~wkt2.datumCode.indexOf("israel")) { wkt2.datumCode = "isr93"; } } if (wkt2.b && !isFinite(wkt2.b)) { wkt2.b = wkt2.a; } function toMeter(input) { var ratio = wkt2.to_meter || 1; return input * ratio; } var renamer = function(a2) { return rename(wkt2, a2); }; var list = [ ["standard_parallel_1", "Standard_Parallel_1"], ["standard_parallel_1", "Latitude of 1st standard parallel"], ["standard_parallel_2", "Standard_Parallel_2"], ["standard_parallel_2", "Latitude of 2nd standard parallel"], ["false_easting", "False_Easting"], ["false_easting", "False easting"], ["false-easting", "Easting at false origin"], ["false_northing", "False_Northing"], ["false_northing", "False northing"], ["false_northing", "Northing at false origin"], ["central_meridian", "Central_Meridian"], ["central_meridian", "Longitude of natural origin"], ["central_meridian", "Longitude of false origin"], ["latitude_of_origin", "Latitude_Of_Origin"], ["latitude_of_origin", "Central_Parallel"], ["latitude_of_origin", "Latitude of natural origin"], ["latitude_of_origin", "Latitude of false origin"], ["scale_factor", "Scale_Factor"], ["k0", "scale_factor"], ["latitude_of_center", "Latitude_Of_Center"], ["latitude_of_center", "Latitude_of_center"], ["lat0", "latitude_of_center", d2r], ["longitude_of_center", "Longitude_Of_Center"], ["longitude_of_center", "Longitude_of_center"], ["longc", "longitude_of_center", d2r], ["x0", "false_easting", toMeter], ["y0", "false_northing", toMeter], ["long0", "central_meridian", d2r], ["lat0", "latitude_of_origin", d2r], ["lat0", "standard_parallel_1", d2r], ["lat1", "standard_parallel_1", d2r], ["lat2", "standard_parallel_2", d2r], ["azimuth", "Azimuth"], ["alpha", "azimuth", d2r], ["srsCode", "name"] ]; list.forEach(renamer); if (!wkt2.long0 && wkt2.longc && (wkt2.projName === "Albers_Conic_Equal_Area" || wkt2.projName === "Lambert_Azimuthal_Equal_Area")) { wkt2.long0 = wkt2.longc; } if (!wkt2.lat_ts && wkt2.lat1 && (wkt2.projName === "Stereographic_South_Pole" || wkt2.projName === "Polar Stereographic (variant B)")) { wkt2.lat0 = d2r(wkt2.lat1 > 0 ? 90 : -90); wkt2.lat_ts = wkt2.lat1; } else if (!wkt2.lat_ts && wkt2.lat0 && wkt2.projName === "Polar_Stereographic") { wkt2.lat_ts = wkt2.lat0; wkt2.lat0 = d2r(wkt2.lat0 > 0 ? 90 : -90); } } function wkt(wkt2) { var lisp = parseString(wkt2); var type = lisp.shift(); var name = lisp.shift(); lisp.unshift(["name", name]); lisp.unshift(["type", type]); var obj = {}; sExpr(lisp, obj); cleanWKT(obj); return obj; } function defs(name) { var that = this; if (arguments.length === 2) { var def = arguments[1]; if (typeof def === "string") { if (def.charAt(0) === "+") { defs[name] = projStr(arguments[1]); } else { defs[name] = wkt(arguments[1]); } } else { defs[name] = def; } } else if (arguments.length === 1) { if (Array.isArray(name)) { return name.map(function(v2) { if (Array.isArray(v2)) { defs.apply(that, v2); } else { defs(v2); } }); } else if (typeof name === "string") { if (name in defs) { return defs[name]; } } else if ("EPSG" in name) { defs["EPSG:" + name.EPSG] = name; } else if ("ESRI" in name) { defs["ESRI:" + name.ESRI] = name; } else if ("IAU2000" in name) { defs["IAU2000:" + name.IAU2000] = name; } else { console.log(name); } return; } } globals(defs); function testObj(code) { return typeof code === "string"; } function testDef(code) { return code in defs; } var codeWords = ["PROJECTEDCRS", "PROJCRS", "GEOGCS", "GEOCCS", "PROJCS", "LOCAL_CS", "GEODCRS", "GEODETICCRS", "GEODETICDATUM", "ENGCRS", "ENGINEERINGCRS"]; function testWKT(code) { return codeWords.some(function(word) { return code.indexOf(word) > -1; }); } var codes = ["3857", "900913", "3785", "102113"]; function checkMercator(item) { var auth = match$1(item, "authority"); if (!auth) { return; } var code = match$1(auth, "epsg"); return code && codes.indexOf(code) > -1; } function checkProjStr(item) { var ext = match$1(item, "extension"); if (!ext) { return; } return match$1(ext, "proj4"); } function testProj(code) { return code[0] === "+"; } function parse$1(code) { if (testObj(code)) { if (testDef(code)) { return defs[code]; } if (testWKT(code)) { var out = wkt(code); if (checkMercator(out)) { return defs["EPSG:3857"]; } var maybeProjStr = checkProjStr(out); if (maybeProjStr) { return projStr(maybeProjStr); } return out; } if (testProj(code)) { return projStr(code); } } else { return code; } } function extend(destination, source2) { destination = destination || {}; var value, property; if (!source2) { return destination; } for (property in source2) { value = source2[property]; if (value !== void 0) { destination[property] = value; } } return destination; } function msfnz(eccent, sinphi, cosphi) { var con = eccent * sinphi; return cosphi / Math.sqrt(1 - con * con); } function sign(x2) { return x2 < 0 ? -1 : 1; } function adjust_lon(x2) { return Math.abs(x2) <= SPI ? x2 : x2 - sign(x2) * TWO_PI; } function tsfnz(eccent, phi, sinphi) { var con = eccent * sinphi; var com = 0.5 * eccent; con = Math.pow((1 - con) / (1 + con), com); return Math.tan(0.5 * (HALF_PI - phi)) / con; } function phi2z(eccent, ts) { var eccnth = 0.5 * eccent; var con, dphi; var phi = HALF_PI - 2 * Math.atan(ts); for (var i2 = 0; i2 <= 15; i2++) { con = eccent * Math.sin(phi); dphi = HALF_PI - 2 * Math.atan(ts * Math.pow((1 - con) / (1 + con), eccnth)) - phi; phi += dphi; if (Math.abs(dphi) <= 1e-10) { return phi; } } return -9999; } function init$w() { var con = this.b / this.a; this.es = 1 - con * con; if (!("x0" in this)) { this.x0 = 0; } if (!("y0" in this)) { this.y0 = 0; } this.e = Math.sqrt(this.es); if (this.lat_ts) { if (this.sphere) { this.k0 = Math.cos(this.lat_ts); } else { this.k0 = msfnz(this.e, Math.sin(this.lat_ts), Math.cos(this.lat_ts)); } } else { if (!this.k0) { if (this.k) { this.k0 = this.k; } else { this.k0 = 1; } } } } function forward$v(p2) { var lon = p2.x; var lat = p2.y; if (lat * R2D > 90 && lat * R2D < -90 && lon * R2D > 180 && lon * R2D < -180) { return null; } var x2, y2; if (Math.abs(Math.abs(lat) - HALF_PI) <= EPSLN) {