#233 refine StreetView implementation

heron-mc · Oct 15, 2016 · 7c79c1b · 7c79c1b
1 parent 09a7e52
commit 7c79c1b
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 2 deletions.
diff --git a/apps/kadviewer/site/config/Options.js b/apps/kadviewer/site/config/Options.js
@@ -902,6 +902,7 @@ Heron.options.map.toolbar = [
 //        fileName: 'heron_map',
 //        fileExt: '.cml'
 //    }},
+//    {type: "streetview"},
     {type: "help", options: {contentUrl: 'content/help.html', popupWindow: {width: 640, height: 540}}}
 ];
 

diff --git a/apps/kadviewer/site/index.html b/apps/kadviewer/site/index.html
@@ -8,6 +8,10 @@
     <!-- External lib: ExtJS -->
     <link rel="stylesheet" type="text/css"
           href="http://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/resources/css/ext-all.css"/>
+
+    <!-- Needed for Google StreetView -->
+    <!--<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.24"></script>-->
+
     <script type="text/javascript"
             src="http://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/ext-all.js"></script>

diff --git a/heron/examples/streetview/help.html b/heron/examples/streetview/help.html
@@ -6,7 +6,15 @@ <h2>About this Example</h2>
 
 
 <h3>Usage</h3>
-<p>Enable in Toolbar as in the <a href="Config.js">Config.js</a> for this example.</p>
+<p>
+    Enable in Toolbar as in the <a href="Config.js">Config.js</a> for this example.
+</p>
+<p>
+    You will need to include the Google Maps JS API in the header of index.html:
+</p>
+<p>
+    %lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.24"%gt;%lt;/script%gt;
+</p>
 
 <h3>Widgets</h3>
 <p>Heron.widgets.GoogleStreetViewPanel</p>

diff --git a/heron/examples/streetview/index.html b/heron/examples/streetview/index.html
@@ -18,7 +18,7 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
     <title>Heron - Google StreetView Example</title>
-    <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&amp;sensor=false"></script>
+    <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.24"></script>
 
 	<!-- External lib: ExtJS -->
 	<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/resources/css/ext-all.css"/>