From a2972ac2ad2aa67f54ec5cb5a12fdfe0e06aea58 Mon Sep 17 00:00:00 2001
From: Chirag Pandit <42322819+cpandit201@users.noreply.github.com>
Date: Wed, 19 Jul 2023 06:00:40 +0000
Subject: [PATCH] Removing deck overlay on top of IMLProvider / Tilelayer

---
 index.html   |  3 ---
 src/index.js | 51 +++------------------------------------------------
 2 files changed, 3 insertions(+), 51 deletions(-)

diff --git a/index.html b/index.html
index 5761a050..c1564d25 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,6 @@
     
     <div id="container">
       Map Canvas: <div id="map-canvas"></div>
-      Deck Canvas: <canvas id="deck-canvas"></canvas>
-      
-      
     </div>
     
     <!-- <script type="module" src="src/index.js"></script> -->
diff --git a/src/index.js b/src/index.js
index de76cc46..d921f19a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -22,8 +22,8 @@ import { style } from "./style";
 
 const INITIAL_VIEW_STATE = {
   longitude: -120.64021673968094, //-73.75,
-  latitude: 38.19311064138663, //40.73,
-  zoom: 6.3,
+  latitude: 36.19311064138663, //40.73,
+  zoom: 7.3,
   bearing: 0,
   pitch: 0,
 
@@ -33,23 +33,6 @@ const INITIAL_VIEW_STATE = {
   maxPitch: 50,
 };
 
-// Setup Deck GL
-const deckgl = new Deck({
-  // layers: layersWorldAirports,
-  // layerHeatMap,
-  // layerScatterplot,
-  canvas: "deck-canvas",
-  width: "100%",
-  height: "100%",
-  initialViewState: INITIAL_VIEW_STATE,
-  controller: true,
-  style: { zIndex: "auto" },
-  views: new MapView({
-    repeat: true,
-  }),
-  debug: true,
-});
-
 /** setup the XYZ map and "basemap" layer **/
 const baseMapLayer = new MVTLayer({
   name: "mvt-world-layer",
@@ -77,7 +60,7 @@ var imlLayer = new TileLayer({
   max: 20,
   // create the SpaceProvider
   provider: new IMLProvider({
-    level: 10,
+    level: 3,
     layer: layerId,
     catalog: catalogHrn,
     credentials: {
@@ -109,33 +92,5 @@ const map = new Map(document.getElementById("map-canvas"), {
   rotate: 0,
 });
 
-/**
- * @map - { Map } from "@here/xyz-maps-display"
- * viewState : {
-      latitude: number,
-      longitude: number,
-      zoom: number,
-      bearing: number,
-      pitch: number,
-    };
- */
-const updateMapCamera = (map, viewState) => {
-  // Set the view state's lon/lat to ones mapping with XYZ Maps
-  map.setCenter(viewState.longitude, viewState.latitude);
-
-  // XYZ Maps roatation is negative of DeckGL
-  map.rotate(viewState.bearing * -1);
-  map.pitch(viewState.pitch);
-
-  // Center of XYZ Maps is one level higher than deck's zoom level
-  map.setZoomlevel(viewState.zoom + 1);
-};
-
-deckgl.setProps({
-  onViewStateChange: ({ viewState }) => updateMapCamera(map, viewState, deckgl),
-  onResize: ({ width, height }) => map.resize(width, height),
-});
-
 // optionally add renderers to window object
 window.xyzmap = map;
-window.deckoverlay = deckgl;