Last GISCloud demo.

JasonSanford · Feb 21, 2012 · 701a247 · 701a247
1 parent 2a964a2
commit 701a247
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 5 deletions.
diff --git a/CHANGELOG b/CHANGELOG
@@ -11,3 +11,4 @@
 - New GIS Cloud layer (gvector.GISCloud)
 - DRYing up the code. Moved _processFeatures from individual layers into Layer.js
 - Creating two super-layers from which all other layers extend from: GeoJSONLayer and EsriJSONLayer
+- Fixed issue where any property change would trigger a symbology change in dynamic, styled layers. We now check to see if the symbology property has changed.
diff --git a/demos/arc2earth/index.html b/demos/arc2earth/index.html
@@ -142,7 +142,7 @@ <h2>Arc2Earth Sync</h2>
         <script src="../../docs-demo/js/jquery-1.5.2.min.js" type="text/javascript"></script>
         <script src="../../docs-demo/js/docs-demos.js" type="text/javascript"></script>
         <script src="../../docs-demo/js/bootstrap-dropdown.js" type="text/javascript"></script>
-        <script src="../../debug/gvector-include.js" type="text/javascript"></script>
+        <script src="../../dist/gvector.js" type="text/javascript"></script>
         <script type="text/javascript">
             var map1, map2;
             var a2e_light_rail_lines, a2e_light_rail_stations, a2e_vgi;

diff --git a/demos/gis-cloud/index.html b/demos/gis-cloud/index.html
@@ -102,7 +102,7 @@ <h2>Elementary Schools</h2>
 
                 <hr>
 
-                <h2>Blah</h2>
+                <h2>Bus Stops</h2>
                 <p class="docs"></p>
                 <div class="row demo">
                     <div class="span6 height-controlled">
@@ -111,7 +111,7 @@ <h2>Blah</h2>
                     <div class="span10 height-controlled">
                         <div id="map-container-4" class="map">
                             <div class="layer-buttons">
-                                <div class="row layer-button-row"><a href="javascript:giscloud_.setMap(map4);" class="btn success">Layer On</a> <a href="javascript:giscloud_.setMap(null);" class="btn danger">Layer Off</a></div>
+                                <div class="row layer-button-row"><a href="javascript:giscloud_bus_stops.setMap(map4);" class="btn success">Layer On</a> <a href="javascript:giscloud_bus_stops.setMap(null);" class="btn danger">Layer Off</a></div>
                             </div>
                         </div>
                     </div>
@@ -130,7 +130,7 @@ <h2>Blah</h2>
         <script src="../../dist/gvector.js" type="text/javascript"></script>
         <script type="text/javascript">
             var map1;
-            var giscloud_sewer_line, giscloud_man_hole, giscloud_flood_zones, giscloud_elementary_schools;
+            var giscloud_sewer_line, giscloud_man_hole, giscloud_flood_zones, giscloud_elementary_schools, giscloud_bus_stops;
             $(document).ready(function() {
 
                 map1 = new google.maps.Map(document.getElementById("map-container-1"), {
@@ -154,6 +154,13 @@ <h2>Blah</h2>
                     noClear: true
                 });
 
+                map4 = new google.maps.Map(document.getElementById("map-container-4"), {
+                    center: new google.maps.LatLng(35.22363916042938, -80.8219259462891),
+                    zoom: 14,
+                    mapTypeId: google.maps.MapTypeId.ROADMAP,
+                    noClear: true
+                });
+
                 giscloud_sewer_line = new gvector.GISCloud({
                     mapID: 27322,
                     layerID: 117755,
@@ -202,7 +209,7 @@ <h2>Blah</h2>
                             icon: new google.maps.MarkerImage("../../docs-demo/img/markers/manhole.png", new google.maps.Size(16, 16), new google.maps.Point(0, 0), new google.maps.Point(8, 8))
                         }
                     },
-                    infoWindowTemplate: '<div class="iw-content"><h3>Man Hole</h3><table class="condensed-table"><tr><th>Diameter</th><td>{mh_dia} ft.</td></tr><tr><th>Depth</th><td>{mh_depth} ft.</td></tr><tr><th>Address</th><td>{street_add}</td></tr><tr><th>Flows To</th><td>{wwtp} WWTP</td></tr></table></div>',
+                    infoWindowTemplate: '<div class="iw-content"><h3>Man Hole</h3><table class="condensed-table zebra-striped bordered-table"><tr><th>Diameter</th><td>{mh_dia} ft.</td></tr><tr><th>Depth</th><td>{mh_depth} ft.</td></tr><tr><th>Address</th><td>{street_add}</td></tr><tr><th>Flows To</th><td>{wwtp} WWTP</td></tr></table></div>',
                     singleInfoWindow: true
                 });
 
@@ -268,6 +275,20 @@ <h2>Blah</h2>
                     }
                 });
 
+                giscloud_bus_stops = new gvector.GISCloud({
+                    mapID: 29158,
+                    layerID: 121929,
+                    infoWindowTemplate: '<div class="iw-content"><h3>Stop ID - {stopid}</h3><h4>{stopdesc}</h4><h4>Routes - {routes}</h4></div>',
+                    singleInfoWindow: true,
+                    scaleRange: [14, 20],
+                    symbology: {
+                        type: "single",
+                        vectorOptions: {
+                            icon: new google.maps.MarkerImage("../../docs-demo/img/markers/bus.png", new google.maps.Size(17, 19), null, new google.maps.Point(0, 19))
+                        }
+                    }
+                });
+
             });
         </script>
     </body>