From 08f2f7bd98da4106c687621f16f24edd344caf87 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 08 Sep 2022 17:33:33 +0800
Subject: [PATCH] 1
---
src/components/map/mainInThere.vue | 31 ++++++++++++++++++++-----------
1 files changed, 20 insertions(+), 11 deletions(-)
diff --git a/src/components/map/mainInThere.vue b/src/components/map/mainInThere.vue
index 2beefde..edab274 100644
--- a/src/components/map/mainInThere.vue
+++ b/src/components/map/mainInThere.vue
@@ -3,8 +3,8 @@
* @version:
* @Author: song
* @Date: 2021-04-08 15:14:57
- * @LastEditors: song
- * @LastEditTime: 2021-04-24 11:59:43
+ * @LastEditors: shuishen 1109946754@qq.com
+ * @LastEditTime: 2022-08-31 17:34:14
-->
<template>
<div id="map">
@@ -58,6 +58,10 @@
</div>
</template>
<script>
+import baseLayerImgUrl from '@/assets/baseUrl'
+import { Image as ImageLayer } from "ol/layer"
+import { ImageStatic } from "ol/source"
+
import OLCesium from "olcs/OLCesium.js"
import "ol/ol.css"
import OlView from "ol/View.js"
@@ -257,14 +261,6 @@
// url: "http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 注记
// }),
// }),
-
- new OlLayerTile({
- zIndex: 5,
- title: "cesium切图",
- source: new XYZ({
- url: "/wp/{z}/{x}/{y}.png", // 注记
- }),
- }),
],
// 注意地图控件的写法
@@ -277,7 +273,8 @@
]),
target: "map",
view: new OlView({
- center: [116.026801, 28.683427],
+ center: [115.79647126999, 28.6421878133715], // 经管
+ // center: [116.026801, 28.683427], // 师大
zoom: 16,
projection: "EPSG:4326",
}),
@@ -296,6 +293,18 @@
//
this.view = view
+ baseLayerImgUrl.forEach((item) => {
+ ol2d.addLayer(
+ new ImageLayer({
+ source: new ImageStatic({
+ url: item.url,
+ imageExtent: item.rectangle //映射到地图的范围
+ })
+ })
+ )
+ })
+
+
const ol3d = new OLCesium({ map: window.ol2d })
window.ol3d = ol3d
--
Gitblit v1.9.3