vue3-openlayers
Version:
OpenLayers Wrapper for Vue3
1,231 lines • 1.84 MB
JavaScript
(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/Graticule"), 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/WebGLVector"), 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/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/functions"), require("ol/interaction/MouseWheelZoom"), require("ol-ext/interaction/Synchronize"), 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/geom"), 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/Graticule", "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/WebGLVector", "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/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/functions", "ol/interaction/MouseWheelZoom", "ol-ext/interaction/Synchronize", "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/geom", "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.GraticuleLayer, global2.HeatmapLayer, global2.ImageLayer, global2.LayerGroup, global2.TileLayer, global2.Tile, global2.VectorLayer, global2.VectorLayerTile, global2.VectorImageLayer, global2.TileLayer$1, global2.WebGLVectorLayer, 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.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.functions, global2.MouseWheelZoom, global2.Synchronize, global2.Drop, global2.animations, null, global2.Fade, global2.Path, global2.Shake, global2.Slide, global2.Teleport, global2.Zoom$1, global2.geom, global2.format, global2.loadingstrategy));
})(this, (function(exports2, vue, Feature, Geometry, Geolocation, Map$1, Overlay, proj4$2, Projection$1, View, proj, source, AnimatedCluster, Graticule, HeatmapLayer, ImageLayer, LayerGroup, TileLayer, TileSource, VectorLayer, VectorTileLayer, VectorImageLayer, TileLayer$1, WebGLVectorLayer, 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, 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, functions, MouseWheelZoom, Synchronize, Drop, animations, FeatureAnimation, Fade, Path, Shake, Slide, Teleport, Zoom$1, geom, format, loadingstrategy) {
"use strict";
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 selectconditions__namespace = /* @__PURE__ */ _interopNamespaceDefault(selectconditions);
const animations__namespace = /* @__PURE__ */ _interopNamespaceDefault(animations);
const geom__namespace = /* @__PURE__ */ _interopNamespaceDefault(geom);
const format__namespace = /* @__PURE__ */ _interopNamespaceDefault(format);
const loadingstrategy__namespace = /* @__PURE__ */ _interopNamespaceDefault(loadingstrategy);
const _sfc_main$1n = /* @__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 layer = 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) => {
oldVal?.value?.removeFeature(feature.value);
newVal?.value?.addFeature(feature.value);
newVal?.value?.changed();
}
);
vue.onMounted(() => {
if (animation?.value) {
layer?.value?.animateFeature(feature.value, animation.value);
}
vue.nextTick(() => {
vectorSource?.value?.addFeature(feature.value);
});
});
vue.onUnmounted(() => {
vectorSource?.value?.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?.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?.debug) {
console.debug("[Vue3-OpenLayers Debug] EVENT", eventName, {
eventName,
args,
source: feature
});
}
instance?.emit(eventName, ...args);
});
});
}
if (instance) {
vue.onMounted(() => {
updateOpenLayersEventHandlers();
});
}
return {
updateOpenLayersEventHandlers
};
}
const _sfc_main$1m = /* @__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 key2 in newProperties) {
if (Object.prototype.hasOwnProperty.call(newProperties, key2)) {
if (newProperties[key2] !== void 0) {
existingProperties[key2] = newProperties[key2];
}
}
}
return existingProperties;
}
const _sfc_main$1l = /* @__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?.setProperties(p2);
},
{ immediate: true }
);
vue.onMounted(() => {
if (!props.instance) {
map?.setTarget(mapRef.value);
}
});
vue.onBeforeUnmount(() => {
if (!props.instance) {
map?.setTarget(void 0);
}
});
vue.onUnmounted(() => {
map = void 0;
});
vue.provide("map", map);
const forEachFeatureAtPixel = (pixel, callback, options) => map?.forEachFeatureAtPixel(pixel, callback, options);
const getCoordinateFromPixel = (pixel) => map?.getCoordinateFromPixel(pixel);
const render = () => map?.render();
const updateSize = () => 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?.getTargetElement().classList.add("ol-map");
map?.getTargetElement().classList.add("ol-map-loading");
map?.getTargetElement().classList.remove("ol-map-fully-loaded");
emit("loadstart", event);
});
map.on("loadend", (event) => {
map?.getTargetElement().classList.add("ol-map-fully-loaded");
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$1k = /* @__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?.removeOverlay(ov);
if (!removed) {
console.warn("couldn't find matching overlay to remove", overlay.value);
}
}
vue.onMounted(() => {
map?.addOverlay(overlay.value);
});
vue.onUnmounted(() => removeOverlay(overlay.value));
vue.watch(
() => properties,
(newValue) => {
for (const key2 in newValue) {
const keyInObj = key2;
if (newValue[keyInObj] !== void 0) {
overlay.value.set(key2, 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");
for (var i2 = 1; i2 <= 60; ++i2) {
defs2("EPSG:" + (32600 + i2), "+proj=utm +zone=" + i2 + " +datum=WGS84 +units=m");
defs2("EPSG:" + (32700 + i2), "+proj=utm +zone=" + i2 + " +south +datum=WGS84 +units=m");
}
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 primeMeridian = {};
primeMeridian.greenwich = 0;
primeMeridian.lisbon = -9.131906111111;
primeMeridian.paris = 2.337229166667;
primeMeridian.bogota = -74.080916666667;
primeMeridian.madrid = -3.687938888889;
primeMeridian.rome = 12.452333333333;
primeMeridian.bern = 7.439583333333;
primeMeridian.jakarta = 106.807719444444;
primeMeridian.ferro = -17.666666666667;
primeMeridian.brussels = 4.367975;
primeMeridian.stockholm = 18.058277777778;
primeMeridian.athens = 23.7163375;
primeMeridian.oslo = 10.722916666667;
const units = {
mm: { to_meter: 1e-3 },
cm: { to_meter: 0.01 },
ft: { to_meter: 0.3048 },
"us-ft": { to_meter: 1200 / 3937 },
fath: { to_meter: 1.8288 },
kmi: { to_meter: 1852 },
"us-ch": { to_meter: 20.1168402336805 },
"us-mi": { to_meter: 1609.34721869444 },
km: { to_meter: 1e3 },
"ind-ft": { to_meter: 0.30479841 },
"ind-yd": { to_meter: 0.91439523 },
mi: { to_meter: 1609.344 },
yd: { to_meter: 0.9144 },
ch: { to_meter: 20.1168 },
link: { to_meter: 0.201168 },
dm: { to_meter: 0.1 },
in: { to_meter: 0.0254 },
"ind-ch": { to_meter: 20.11669506 },
"us-in": { to_meter: 0.025400050800101 },
"us-yd": { to_meter: 0.914401828803658 }
};
var ignoredChar = /[\s_\-\/\(\)]/g;
function match(obj, key2) {
if (obj[key2]) {
return obj[key2];
}
var keys = Object.keys(obj);
var lkey = key2.toLowerCase().replace(ignoredChar, "");
var i2 = -1;
var testkey, processedKey;
while (++i2 < keys.length) {
testkey = keys[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 split = a2.split("=");
split.push(true);
p2[split[0].toLowerCase()] = split[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) * D2R$1;
},
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(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(primeMeridian, 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;
}
class PROJJSONBuilderBase {
static getId(node2) {
const idNode = node2.find((child) => Array.isArray(child) && child[0] === "ID");
if (idNode && idNode.length >= 3) {
return {
authority: idNode[1],
code: parseInt(idNode[2], 10)
};
}
return null;
}
static convertUnit(node2, type = "unit") {
if (!node2 || node2.length < 3) {
return { type, name: "unknown", conversion_factor: null };
}
const name = node2[1];
const conversionFactor = parseFloat(node2[2]) || null;
const idNode = node2.find((child) => Array.isArray(child) && child[0] === "ID");
const id = idNode ? {
authority: idNode[1],
code: parseInt(idNode[2], 10)
} : null;
return {
type,
name,
conversion_factor: conversionFactor,
id
};
}
static convertAxis(node2) {
const name = node2[1] || "Unknown";
let direction2;
const abbreviationMatch = name.match(/^\((.)\)$/);
if (abbreviationMatch) {
const abbreviation = abbreviationMatch[1].toUpperCase();
if (abbreviation === "E") direction2 = "east";
else if (abbreviation === "N") direction2 = "north";
else if (abbreviation === "U") direction2 = "up";
else throw new Error(`Unknown axis abbreviation: ${abbreviation}`);
} else {
direction2 = node2[2] ? node2[2].toLowerCase() : "unknown";
}
const orderNode = node2.find((child) => Array.isArray(child) && child[0] === "ORDER");
const order = orderNode ? parseInt(orderNode[1], 10) : null;
const unitNode = node2.find(
(child) => Array.isArray(child) && (child[0] === "LENGTHUNIT" || child[0] === "ANGLEUNIT" || child[0] === "SCALEUNIT")
);
const unit = this.convertUnit(unitNode);
return {
name,
direction: direction2,
// Use the valid PROJJSON direction value
unit,
order
};
}
static extractAxes(node2) {
return node2.filter((child) => Array.isArray(child) && child[0] === "AXIS").map((axis) => this.convertAxis(axis)).sort((a2, b2) => (a2.order || 0) - (b2.order || 0));
}
static convert(node2, result = {}) {
switch (node2[0]) {
case "PROJCRS":
result.type = "ProjectedCRS";
result.name = node2[1];
result.base_crs = node2.find((child) => Array.isArray(child) && child[0] === "BASEGEOGCRS") ? this.convert(node2.find((child) => Array.isArray(child) && child[0] === "BASEGEOGCRS")) : null;
result.conversion = node2.find((child) => Array.isArray(child) && child[0] === "CONVERSION") ? this.convert(node2.find((child) => Array.isArray(child) && child[0] === "CONVERSION")) : null;
const csNode = node2.find((child) => Array.isArray(child) && child[0] === "CS");
if (csNode) {
result.coordinate_system = {
type: csNode[1],
axis: this.extractAxes(node2)
};
}
const lengthUnitNode = node2.find((child) => Array.isArray(child) && child[0] === "LENGTHUNIT");
if (lengthUnitNode) {
const unit2 = this.convertUnit(lengthUnitNode);
result.coordinate_system.unit = unit2;
}
result.id = this.getId(node2);
break;
case "BASEGEOGCRS":
case "GEOGCRS":
result.type = "GeographicCRS";
result.name = node2[1];
const datumOrEnsembleNode = node2.find(
(child) => Array.isArray(child) && (child[0] === "DATUM" || child[0] === "ENSEMBLE")
);
if (datumOrEnsembleNode) {
const datumOrEnsemble = this.convert(datumOrEnsembleNode);
if (datumOrEnsembleNode[0] === "ENSEMBLE") {
result.datum_ensemble = datumOrEnsemble;
} else {
result.datum = datumOrEnsemble;
}
const primem = node2.find((child) => Array.isArray(child) && child[0] === "PRIMEM");
if (primem && primem[1] !== "Greenwich") {
datumOrEnsemble.prime_meridian = {
name: primem[1],
longitude: parseFloat(primem[2])
};
}
}
result.coordinate_system = {
type: "ellipsoidal",
axis: this.extractAxes(node2)
};
result.id = this.getId(node2);
break;
case "DATUM":
result.type = "GeodeticReferenceFrame";
result.name = node2[1];
result.ellipsoid = node2.find((child) => Array.isArray(child) && child[0] === "ELLIPSOID") ? this.convert(node2.find((child) => Array.isArray(child) && child[0] === "ELLIPSOID")) : null;
break;
case "ENSEMBLE":
result.type = "DatumEnsemble";
result.name = node2[1];
result.members = node2.filter((child) => Array.isArray(child) && child[0] === "MEMBER").map((member) => ({
type: "DatumEnsembleMember",
name: member[1],
id: this.getId(member)
// Extract ID as { authority, code }
}));
const accuracyNode = node2.find((child) => Array.isArray(child) && child[0] === "ENSEMBLEACCURACY");
if (accuracyNode) {
result.accuracy = parseFloat(accuracyNode[1]);
}
const ellipsoidNode = node2.find((child) => Array.isArray(child) && child[0] === "ELLIPSOID");
if (ellipsoidNode) {
result.ellipsoid = this.convert(ellipsoidNode);
}
result.id = this.getId(node2);
break;
case "ELLIPSOID":
result.type = "Ellipsoid";
result.name = node2[1];
result.semi_major_axis = parseFloat(node2[2]);
result.inverse_flattening = parseFloat(node2[3]);
node2.find((child) => Array.isArray(child) && child[0] === "LENGTHUNIT") ? this.convert(node2.find((child) => Array.isArray(child) && child[0] === "LENGTHUNIT"), result) : null;
break;
case "CONVERSION":
result.type = "Conversion";
result.name = node2[1];
result.method = node2.find((child) => Array.isArray(child) && child[0] === "METHOD") ? this.convert(node2.find((child) => Array.isArray(child) && child[0] === "METHOD")) : null;
result.parameters = node2.filter((child) => Array.isArray(child) && child[0] === "PARAMETER").map((param) => this.convert(param));
break;
case "METHOD":
result.type = "Method";
result.name = node2[1];
result.id = this.getId(node2);
break;
case "PARAMETER":
result.type = "Parameter";
result.name = node2[1];
result.value = parseFloat(node2[2]);
result.unit = this.convertUnit(
node2.find(
(child) => Array.isArray(child) && (child[0] === "LENGTHUNIT" || child[0] === "ANGLEUNIT" || child[0] === "SCALEUNIT")
)
);
result.id = this.getId(node2);
break;
case "BOUNDCRS":
result.type = "BoundCRS";
const sourceCrsNode = node2.find((child) => Array.isArray(child) && child[0] === "SOURCECRS");
if (sourceCrsNode) {
const sourceCrsContent = sourceCrsNode.find((child) => Array.isArray(child));
result.source_crs = sourceCrsContent ? this.convert(sourceCrsContent) : null;
}
const targetCrsNode = node2.find((child) => Array.isArray(child) && child[0] === "TARGETCRS");
if (targetCrsNode) {
const targetCrsContent = targetCrsNode.find((child) => Array.isArray(child));
result.target_crs = targetCrsContent ? this.convert(targetCrsContent) : null;
}
const transformationNode = node2.find((child) => Array.isArray(child) && child[0] === "ABRIDGEDTRANSFORMATION");
if (transformationNode) {
result.transformation = this.convert(transformationNode);
} else {
result.transformation = null;
}
break;
case "ABRIDGEDTRANSFORMATION":
result.type = "Transformation";
result.name = node2[1];
result.method = node2.find((child) => Array.isArray(child) && child[0] === "METHOD") ? this.convert(node2.find((child) => Array.isArray(child) && child[0] === "METHOD")) : null;
result.parameters = node2.filter((child) => Array.isArray(child) && (child[0] === "PARAMETER" || child[0] === "PARAMETERFILE")).map((param) => {
if (param[0] === "PARAMETER") {
return this.convert(param);
} else if (param[0] === "PARAMETERFILE") {
return {
name: param[1],
value: param[2],
id: {
"authority": "EPSG",
"code": 8656
}
};
}
});
if (result.parameters.length === 7) {
const scaleDifference = result.parameters[6];
if (scaleDifference.name === "Scale difference") {
scaleDifference.value = Math.round((scaleDifference.value - 1) * 1e12) / 1e6;
}
}
result.id = this.getId(node2);
break;
case "AXIS":
if (!result.coordinate_system) {
result.coordinate_system = { type: "unspecified", axis: [] };
}
result.coordinate_system.axis.push(this.convertAxis(node2));
break;
case "LENGTHUNIT":
const unit = this.convertUnit(node2, "LinearUnit");
if (result.coordinate_system && result.coordinate_system.axis) {
result.coordinate_system.axis.forEach((axis) => {
if (!axis.unit) {
axis.unit = unit;
}
});
}
if (unit.conversion_factor && unit.conversion_factor !== 1) {
if (result.semi_major_axis) {
result.semi_major_axis = {
value: result.semi_major_axis,
unit
};
}
}
break;
default:
result.keyword = node2[0];
break;
}
return result;
}
}
class PROJJSONBuilder2015 extends PROJJSONBuilderBase {
static convert(node2, result = {}) {
super.convert(node2, result);
if (result.coordinate_system && result.coordinate_system.subtype === "Cartesian") {
delete result.coordinate_system;
}
if (result.usage) {
delete result.usage;
}
return result;
}
}
class PROJJSONBuilder2019 extends PROJJSONBuilderBase {
static convert(node2, result = {}) {
super.convert(node2, result);
const csNode = node2.find((child) => Array.isArray(child) && child[0] === "CS");
if (csNode) {
result.coordinate_system = {
subtype: csNode[1],
axis: this.extractAxes(node2)
};
}
const usageNode = node2.find((child) => Array.isArray(child) && child[0] === "USAGE");
if (usageNode) {
const scope = usageNode.find((child) => Array.isArray(child) && child[0] === "SCOPE");
const area = usageNode.find((child) => Array.isArray(child) && child[0] === "AREA");
const bbox = usageNode.find((child) => Array.isArray(child) && child[0] === "BBOX");
result.usage = {};
if (scope) {
result.usage.scope = scope[1];
}
if (area) {
result.usage.area = area[1];
}
if (bbox) {
result.usage.bbox = bbox.slice(1);
}
}
return result;
}
}
function detectWKT2Version(root) {
if (root.find((child) => Array.isArray(child) && child[0] === "USAGE")) {
return "2019";
}
if (root.find((child) => Array.isArray(child) && child[0] === "CS")) {
return "2015";
}
if (root[0] === "BOUNDCRS" || root[0] === "PROJCRS" || root[0] === "GEOGCRS") {
return "2015";
}
return "2015";
}
function buildPROJJSON(root) {
const version = detectWKT2Version(root);
const builder = version === "2019" ? PROJJSONBuilder2019 : PROJJSONBuilder2015;
return builder.convert(root);
}
function detectWKTVersion(wkt2) {
const normalizedWKT = wkt2.toUpperCase();
if (normalizedWKT.includes("PROJCRS") || normalizedWKT.includes("GEOGCRS") || normalizedWKT.includes("BOUNDCRS") || normalizedWKT.includes("VERTCRS") || normalizedWKT.includes("LENGTHUNIT") || normalizedWKT.includes("ANGLEUNIT") || normalizedWKT.includes("SCALEUNIT")) {
return "WKT2";
}
if (normalizedWKT.includes("PROJCS") || normalizedWKT.includes("GEOGCS") || normalizedWKT.includes("LOCAL_CS") || normalizedWKT.includes("VERT_CS") || normalizedWKT.includes("UNIT")) {
return "WKT1";
}
return "WKT1";
}
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, key2, value) {
if (Array.isArray(key2)) {
value.unshift(key2);
key2 = null;
}
var thing = key2 ? {} : obj;
var out = value.reduce(function(newObj, item) {
sExpr(item, newObj);
return newObj;
}, thing);
if (key2) {
obj[key2] = out;
}
}
function sExpr(v2, obj) {
if (!Array.isArray(v2)) {
obj[v2] = true;
return;
}
var key2 = v2.shift();
if (key2 === "PARAMETER") {
key2 = v2.shift();
}
if (v2.length === 1) {
if (Array.isArray(v2[0])) {
obj[key2] = {};
sExpr(v2[0], obj[key2]);
return;
}
obj[key2] = v2[0];
return;
}
if (!v2.length) {
obj[key2] = true;
return;
}
if (key2 === "TOWGS84") {
obj[key2] = v2;
return;
}
if (key2 === "AXIS") {
if (!(key2 in obj)) {
obj[key2] = [];
}
obj[key2].push(v2);
return;
}
if (!Array.isArray(key2)) {
obj[key2] = {};
}
var i2;
switch (key2) {
case "UNIT":
case "PRIMEM":
case "VERT_DATUM":
obj[key2] = {
name: v2[0].toLowerCase(),
convert: v2[1]
};
if (v2.length === 3) {
sExpr(v2[2], obj[key2]);
}
return;
case "SPHEROID":
case "ELLIPSOID":
obj[key2] = {
name: v2[0],
a: v2[1],
rf: v2[2]
};
if (v2.length === 4) {
sExpr(v2[3], obj[key2]);
}
return;
case "EDATUM":
case "ENGINEERINGDATUM":
case "LOCAL_DATUM":
case "DATUM":
case "VERT_CS":
case "VERTCRS":
case "VERTICALCRS":
v2[0] = ["name", v2[0]];
mapit(obj, key2, v2);
return;
case "COMPD_CS":
case "COMPOUNDCRS":
case "FITTED_CS":
// the followings are the crs defined in
// https://github.com/proj4js/proj4js/blob/1da4ed0b865d0fcb51c136090569210cdcc9019e/lib/parseCode.js#L11
case "PROJECTEDCRS":
case "PROJCRS":
case "GEOGCS":
case "GEOCCS":
case "PROJCS":
case "LOCA