From 996bcb9ec97d41d86b7821d66b1cb486b9f3802a Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 13 Jan 2022 17:35:52 +0800
Subject: [PATCH] +底图
---
src/components/map/main.vue | 47 ++++++++++++++++++++++++++++++++++-------------
1 files changed, 34 insertions(+), 13 deletions(-)
diff --git a/src/components/map/main.vue b/src/components/map/main.vue
index cd09f95..6915f02 100644
--- a/src/components/map/main.vue
+++ b/src/components/map/main.vue
@@ -226,20 +226,41 @@
mounted() {
const ol2d = new OlMap({
layers: [
- new OlLayerTile({
- zIndex: 4,
- title: "影像",
- source: new XYZ({
- url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal", // 行政区划
- }),
- }),
+ // new OlLayerTile({
+ // zIndex: 4,
+ // title: "影像",
+ // source: new XYZ({
+ // url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal", // 行政区划
+ // }),
+ // }),
// new OlLayerTile({
// zIndex: 5,
- // title: '道路+中文注记',
+ // title: "道路+中文注记",
// source: new XYZ({
- // url: 'http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
- // })
- // })
+ // url: "http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 注记
+ // }),
+ // }),
+ new OlLayerTile({
+ zIndex: 4,
+ title: "矢量",
+ source: new XYZ({
+ url: "http://t3.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 行政区划
+ // url: "/localData/sl/{z}/{x}/{y}.png",
+ tileUrlFunction: function (tileCoord) {
+ var z = tileCoord[0];
+ var x = tileCoord[1];
+ var y = Math.pow(2, z) + tileCoord[2];
+ return "../assets/sl/" + z + "/" + x + "/" + y + ".png";
+ },
+ }),
+ }),
+ new OlLayerTile({
+ zIndex: 5,
+ title: "中文注记",
+ source: new XYZ({
+ url: "http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0", // 注记
+ }),
+ }),
],
// 注意地图控件的写法
@@ -268,10 +289,10 @@
// view.imageryLayers.addImageryProvider(provider);
// view.setCenter([115.85883507433789, 28.708432053474827])
- view.setCenter([114.03928791, 27.62954732]);
+ view.setCenter([114.03858862, 27.63088262]);
//
- view.setZoom(16);
+ view.setZoom(18);
this.view = view;
const ol3d = new OLCesium({ map: window.ol2d });
window.ol3d = ol3d;
--
Gitblit v1.9.3