不会爬树的猴 2 anni fa
parent
commit
3d85f789fb
3 ha cambiato i file con 26 aggiunte e 32 eliminazioni
  1. 7 12
      src/components/CrMap/CrMap.js
  2. 11 0
      src/components/CrMap/CrMap.vue
  3. 8 20
      src/demo.html

+ 7 - 12
src/components/CrMap/CrMap.js

@@ -5,6 +5,9 @@ import $ from 'jquery';
 /* 引入 */
 import ArcgisImageryProvider from './ArcgisImageryProvider.js';
 
+/* 引入自定义图层 */
+import CrImageServerLayer from './CrImageServerLayer.js';
+
 /* 扩展更改属性 */
 Cesium.TileCoordinatesImageryProvider.prototype.requestImage = function(
 	x,
@@ -874,7 +877,7 @@ Object.assign(CrMap.prototype, {
 		for (let url of options.url) {
 			let tileLayer = new Cesium.Cesium3DTileset({
 				url: url,
-				// maximumScreenSpaceError: 16,
+				maximumScreenSpaceError: 64,
 				// maxmumMemoryUsage: 218,
 				// skipScreenSpaceErrorFactor: 16,
 				// dynamicScreenSpaceError: true,
@@ -969,18 +972,10 @@ Object.assign(CrMap.prototype, {
 	 * @param {Object} callSuccess
 	 */
 	addTileCoordinateImageProvider(options, callSuccess) {
-		let _self = this;
-		this._tileProvider = new Cesium.TileCoordinatesImageryProvider({
-			tilingScheme: new Cesium.WebMercatorTilingScheme(),
+		let layer = new CrImageServerLayer({
+			viewer: this._viewer,
+			url: options.url
 		});
-		// provider.onRequestRectangle = function(x, y, level, rec) {
-		// 	if (level < 5) return;
-		// 	_self._entities.removeAll();
-		// 	console.log('===瓦片网格>>>', x, y, level, rec);
-		// 	let entityId = x + "_" + "_" + y + "_" + level;
-		// }
-		let layer = this._addImageryProvider(this._tileProvider);
-		if (callSuccess) callSuccess();
 	}
 })
 

+ 11 - 0
src/components/CrMap/CrMap.vue

@@ -429,6 +429,17 @@ onMounted(() => {
 		}
 	});
 
+	/* 添加网格地图 */
+	proxy.CMapApi.addLayer({
+		layId: 'ghtGrid',
+		layName: '规划图网格',
+		layType: CrMap.LayerType.tileGridLayer,
+		isShow: true,
+		config: {
+			url: 'http://202.102.167.52:16282/geoserver/gwc/service/tms/1.0.0/ytmp%3Atdt@EPSG%3A900913@png/{z}/{x}/{reverseY}.png'
+		}
+	});
+
 	/* 进入中国位置 */
 	proxy.CMapApi.setMapRange({
 		lng: 103.84, //经度

+ 8 - 20
src/demo.html

@@ -5,27 +5,15 @@
 		<title></title>
 	</head>
 	<body style="background-color: blue;">
-		<!-- <canvas width="1024px" height="256px" id="canvas" style="background-color: antiquewhite;"></canvas> -->
+		<button onclick="test()">测试</button>
 	</body>
 </html>
 <script>
-	// let canvasObj = document.getElementById('canvas');
-	// let context = canvasObj.getContext('2d');
-	// context.fillStyle = 'rgba(255,0,0,0.9)';
-	// context.font = 'bold 240px 微软雅黑';
-	// context.textAlign = 'left';
-	// context.textBaseline = 'bottom';
-	// context.fillText('我是一个立', 12, 250, 1000);
-
-	// let videoElement = document.createElement("video");
-	// videoElement.setAttribute("width", "1024px");
-	// videoElement.setAttribute("height", "256px");
-	// videoElement.setAttribute("controls", "controls");
-	// videoElement.setAttribute("src", "../public/video/demo.mp4");
-	// videoElement.play();
-	// document.body.appendChild(videoElement);
-	let img = document.createElement('img');
-	img.src = 'http://218.59.194.74:6080/arcgis/rest/services/LYLSQ_YX_102100_202112/MapServer/Tile/17/51850/108604';
-	document.body.appendChild(img);
-	img.style.opacity = 0.3;
+	function test() {
+		let a = '王成';
+		let b = '周仁将';
+		let message = `欢迎 ${a} ${b}`;
+		console.log(message);
+	}
+	let img = new Image();
 </script>