added google maps support

still a little broken for some unknown reason
HD-Projects · Jul 23, 2020 · 1e47ccc · 1e47ccc
1 parent 327e064
commit 1e47ccc
Show file tree

Hide file tree

Showing 3 changed files with 300 additions and 37 deletions.
diff --git a/ext/manifest.json b/ext/manifest.json
@@ -15,11 +15,16 @@
     "persistent": false
   },
 
-
   "options_page": "src/options/index.html",
   "browser_action": {
     "default_icon": "icons/icon19.png",
     "default_title": "browser action demo",
     "default_popup": "src/browser_action/browser_action.html"
-  }
+  },
+  "permissions": [
+    "tabs",
+    "storage",
+    "http://*/",
+    "https://*/"
+  ]
 }
diff --git a/ext/src/browser_action/browser_action.html b/ext/src/browser_action/browser_action.html
@@ -1,8 +1,8 @@
-<!doctype html>
+<html>
 <script src="script.js"></script>
 <style type="text/css">
-	
-#mainPopup {   
+
+#mainPopup {
    padding: 10px;
    height: 950px;
    width: 600px;
@@ -86,10 +86,10 @@
 @keyframes spin{
 
   from {
-    
+
     transform: rotate(0deg);
   }
-  
+
   to {
      transform: rotate(360deg);
   }
@@ -109,24 +109,25 @@ <h1>International Space Station: Live</h1>
           <img id="sattelite" src="sattelite.png">
         </div>
       </div>
-      
+
       <div class="location-text">
         <p> ISS Location </p>
         <p> Latitude: <span id="lat-value"> </span> </p>
-        
+
         <p> Longitude: <span id="long-value"> </span> </p>
+
+				<div id="googleMap" style="width:100%;height:400px;"></div>
       </div>
 
       <div class="total-days">
-        
+
         <h3> ISS has been is space for <span id="count"> </span> days </h3>
  <h3> ISS vecloity is <span id="velocity"> </span> ms</h3>
  <h3> ISS visibility is <span id="visibility"> </span> </h3>
  <h3> ISS footrpint is <span id="footprint"> </span> square meters </h3>
  <h3> ISS altitude is  <span id="altitude"> </span> km </h3>
- <h3> ISS timestamp is <span id="timestamp"> </span>  </h3>        
+ <h3> ISS timestamp is <span id="timestamp"> </span>  </h3>
       </div>
     </div>
 </div>
-
-
+</html>