| | |
| | | <!-- openlayer --> |
| | | <div id="openlayerContainer" @click="clicktoclose"></div> |
| | | |
| | | <div id="ponitPanel"> |
| | | <div class="title">点位详情</div> |
| | | <div class="content"> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <!-- 页面标题 --> |
| | | <div class="titleBg"> |
| | | <img src="@/assets/img/title/title.png" /> |
| | |
| | | import layerTreePanel from "./sideMenu/layerTreePanel/main2.vue"; |
| | | import history from "./poplayer/history.vue"; |
| | | import landAdminInfo from "./poplayer/landAdmin2.vue"; |
| | | import poplayer from "./poplayer/main.vue"; |
| | | import mainPoplayer from "./poplayer/poplayer2.vue"; |
| | | import sliderAlpha from "./sideMenu/sliderAlpha/main2.vue"; |
| | | import Axios from "axios"; |
| | | |
| | |
| | | "my-history": history, |
| | | "my-land-admin-info": landAdminInfo, |
| | | "my-slider": sliderAlpha, |
| | | "my-poplayer": poplayer |
| | | "my-poplayer":mainPoplayer |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | resolutions[z] = width / (256 * Math.pow(2, z)); |
| | | matrixIds[z] = z; |
| | | } |
| | | let wmtsTileGrid = new ol.tilegrid.WMTS({ |
| | | let wmtsTileGrid = new ol.tilegrid.WMTS({ |
| | | origin: origin, |
| | | resolutions: resolutions, |
| | | matrixIds: matrixIds, |
| | |
| | | leftClick() |
| | | // var url = |
| | | // "https://skyzt.bda.gov.cn/gisserver/tmsserver/chengshiguihua_dikuaibianhao_tms/"; |
| | | |
| | | |
| | | // var tmslayer = new ol.layer.Tile({ |
| | | // source: new ol.source.XYZ({ |
| | | // projection: projection, |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | background: black; |
| | | position: absolute !important; |
| | | /* position: absolute !important; */ |
| | | z-index: 0; |
| | | } |
| | | |
| | |
| | | .colseBtn img { |
| | | width: 30px; |
| | | } |
| | | |
| | | #ponitPanel { |
| | | display: none; |
| | | width: 80vw; |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | background-image: url("./poplayer/img/bg.png"); |
| | | z-index: 999; |
| | | color: #fff; |
| | | font-family: SourceHanSansSC-R; |
| | | padding: 10px 5px 10px 5px; |
| | | box-sizing: border-box; |
| | | font-size: 16px; |
| | | pointer-events: all; |
| | | position: absolute; |
| | | bottom: 12px; |
| | | left: -50px; |
| | | } |
| | | |
| | | |
| | | </style> |