| | |
| | | </template> |
| | | <script> |
| | | import store from "@/utils/store2.js"; |
| | | import { setClick, leftClick,touchClick } from "@/utils/map2.js"; |
| | | import { setClick, leftClick, touchClick } from "@/utils/map2.js"; |
| | | import _GLOBAL from "@/assets/GLOBAL2"; |
| | | // import { leftClick, loadLayer } from "@/utils/map.js"; |
| | | import leftBottom from "@/components/leftMenu/bottom2.vue"; |
| | |
| | | addHxLayer, |
| | | addYzLayer, |
| | | loadBaseMap, |
| | | loadGeoMap, |
| | | listenDirection, |
| | | getCurrentPosition |
| | | } from "@/utils/tool"; |
| | |
| | | state: store.history, |
| | | }; |
| | | }, |
| | | created() {}, |
| | | created() { }, |
| | | mounted() { |
| | | this.$nextTick(function () { |
| | | ol.Map.prototype.getLayerByName = function (name) { |
| | |
| | | |
| | | const TDTKey = "f234b950740b8c2e0d9959a51c169d21"; |
| | | const tiandituUrl = "http://t0.tianditu.gov.cn"; |
| | | let options = { proj: "EPSG:4326", layer: "img", matrixSets: "c" }; |
| | | let options = { proj: "EPSG:3857", layer: "img", matrixSets: "c" }; |
| | | let _proj = options.proj; |
| | | let _layer = options.layer; |
| | | let _key = TDTKey; |
| | |
| | | let origin = projectionExtent |
| | | ? ol.extent.getTopLeft(projectionExtent) |
| | | : [-180, 90]; |
| | | let fromLonLat = ol.proj.getTransform("EPSG:4326", projection); |
| | | let fromLonLat = ol.proj.getTransform("EPSG:3857", projection); |
| | | let width = projectionExtent |
| | | ? ol.extent.getWidth(projectionExtent) |
| | | : ol.extent.getWidth( |
| | | ol.extent.applyTransform([-180.0, -90.0, 180.0, 90.0], fromLonLat) |
| | | ); |
| | | ol.extent.applyTransform([-180.0, -90.0, 180.0, 90.0], fromLonLat) |
| | | ); |
| | | |
| | | let resolutions = []; |
| | | let matrixIds = []; |
| | |
| | | layers: layers, |
| | | target: "openlayerContainer", |
| | | view: new ol.View({ |
| | | center: [116.505348, 39.795592], |
| | | projection: "EPSG:4326", |
| | | zoom: 12, |
| | | minZoom: 9.5, |
| | | center: ol.proj.fromLonLat([116.505348, 39.795592]), |
| | | projection: "EPSG:3857", |
| | | zoom: 11.5, |
| | | minZoom: 7, |
| | | maxZoom: 19.5, |
| | | enableRotation: false, |
| | | // constrainResolution: true, |
| | | smoothResolutionConstraint: false, |
| | | }), |
| | | }); |
| | | |
| | | window.mapapi = map; |
| | | addImageLayer(); |
| | | addAnnotationLayer(); |
| | | // addImageLayer(); |
| | | // addAnnotationLayer(); |
| | | window.mapapi.getView().setZoom(14); |
| | | loadGeoMap(); |
| | | loadBaseMap(); |
| | | addHxLayer(); |
| | | addYzLayer(); |
| | | |
| | |
| | | console.log(window.gisBaseUrl); |
| | | Axios.get( |
| | | window.gisBaseUrl + |
| | | "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=企业链企业" |
| | | "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=企业链企业" |
| | | ).then((res) => { |
| | | console.log(res); |
| | | }); |