map config cleanup for alpha v. release (#3)

RandomFractals · Nov 13, 2021 · 210173a · 210173a
1 parent fdb5732
commit 210173a
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 49 deletions.
diff --git a/README.md b/README.md
@@ -12,6 +12,7 @@
   <img width="64" height="64" src="docs/images/equals.png" />
   <img width="64" height="64" src="docs/images/heart.png" /> 
   <br />
+  <br />
   Unfolded Map 🗺️ Notebook 📓 Renderer for VSCode
 </h1>
 

diff --git a/src/renderer/config.ts b/src/renderer/config.ts
@@ -1,7 +1,8 @@
 
-/**
- * Map config template.
- */
+// rendered map hight
+export const mapHeight = 480;
+
+// map config template
 export const mapConfigTemplate: any = {
   "config": {
     "mapState": {

diff --git a/src/renderer/styles/styles.css b/src/renderer/styles/styles.css
@@ -1,15 +1,15 @@
-.unfolded-map {
-  font-family: monospace;
-  font-size: 12px;
-  overflow: auto;
-}
-
 .map-container {
   height: 480px;
   width: 100%;
   margin: 0px;
 }
 
+.unfolded-map {
+  font-family: monospace;
+  font-size: 12px;
+  overflow: auto;
+}
+
 .text-output {
   background-color: var(--vscode-editor-background);
   border: 1px solid var(--vscode-panel-border);
@@ -26,37 +26,3 @@
 .text-output code {
   color: var(--vscode-editor-foreground) !important;
 }
-
-/* unfolded map styles override */
-.side-panel--container {
-  padding: 0px !important;
-}
-.side-bar__close {
-  top: 8px !important;
-  right: 8px !important;
-}
-.side-panel__panel-header {
-  display: none !important;
-}
-.side-panel__panel-header__action {
-  display: none !important;
-}
-.side-side-panel__header__bottom {
-  padding-top: 10px !important;
-}
-.side-panel__content__title {
-  font-size: 12px !important;
-  font-weight: bold;
-}
-.side-panel__content {
-  padding: 10px !important;
-  margin-bottom: 32px !important;
-}
-.bottom-widget--container {
-  bottom: 32px !important;
-  padding-left: 36px !important;
-  padding-right: 18px !important;
-}
-.map-attributions {
-  bottom: 0px !important;
-}
diff --git a/src/renderer/unfoldedMap.js b/src/renderer/unfoldedMap.js
@@ -1,8 +1,6 @@
 import {
-  UnfoldedMap,
-  setViewState
+  UnfoldedMap
 } from '@unfolded/map-sdk';
-//const mapSdk = require('@unfolded/map-sdk');
 
 import * as config from './config';
 
@@ -13,16 +11,16 @@ const mapTheme = 'light_streets'; // default map theme
  * Creates new map instance.
  * @param {*} geoData GeoJSON data to display on the map.
  * @param {*} mapContainer Map view container.
- * @returns map html fragment to add to the cell output display.
+ * @returns map instance to display.
  */
 export function createMap(geoData, mapContainer) {
   let map;
   try {
     console.log('unfolded.map:createMap(): creating map ...');
     map = new UnfoldedMap({
-      embed: true,
+      embed: false,
       appendToDocument: false,
-      height: 600,
+      height: config.mapHeight,
       onLoad: () => {
         map.addDataset({
           uuid: 'geojson data',