better web map, no need for claro

also moved snippet hide/show below the map
Esri · Mar 3, 2015 · a309592 · a309592
1 parent 7e687be
commit a309592
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 20 deletions.
diff --git a/docs/app/examples/web-map.html b/docs/app/examples/web-map.html
@@ -1,16 +1,14 @@
-<h2>Webmap Example: {{itemInfo.item.title}}
-    <small>
-        <a ng-init="isCollapsed=true" ng-click="isCollapsed = !isCollapsed">
-            <span ng-show="isCollapsed">+info</span>
-            <span ng-hide="isCollapsed">hide</span>
-        </a>
-    </small>
-</h2>
-<div ng-hide="isCollapsed" ng-bind-html="itemInfo.item.snippet"></div>
+<h2>Webmap Example: {{itemInfo.item.title}}</h2>
 <!-- add map to page and bind to scope map parameters -->
-<esri-map id="map" register-as="myMap" webmap-id="4778fee6371d4e83a22786029f30c7e1" center="map.center" zoom="map.zoom" item-info="itemInfo">
+<esri-map id="map" register-as="myMap" webmap-id="8e42e164d4174da09f61fe0d3f206641" center="map.center" zoom="map.zoom" item-info="itemInfo">
 </esri-map>
-<p>Lat: {{ map.center.lat | number:3 }}, Lng: {{ map.center.lng | number:3 }}, Zoom: {{map.zoom}}</p>
+<p>Lat: {{ map.center.lat | number:3 }}, Lng: {{ map.center.lng | number:3 }}, Zoom: {{map.zoom}}
+    <a ng-init="isCollapsed=true" ng-click="isCollapsed = !isCollapsed">
+        <span ng-show="isCollapsed">+info</span>
+        <span ng-hide="isCollapsed">hide</span>
+    </a>
+</p>
+<div style="margin-bottom: 10px;" ng-hide="isCollapsed" ng-bind-html="itemInfo.item.snippet"></div>
 <p>
     <button ng-repeat="bookmark in itemInfo.itemData.bookmarks" ng-click="goToBookmark(bookmark)">{{bookmark.name}}</button>
 </p>

diff --git a/docs/app/examples/web-map.js b/docs/app/examples/web-map.js
@@ -5,8 +5,8 @@ angular.module('esri-map-docs')
         $scope.$parent.page = 'examples';
         $scope.map = {
             center: {
-                lng: -122.45,
-                lat: 37.75
+                lng: -122.6819,
+                lat: 45.5200
             },
             zoom: 13
         };

diff --git a/docs/index.html b/docs/index.html
@@ -11,8 +11,6 @@
     <link rel="stylesheet" type="text/css" href="styles/narrow.css">
     <!-- load Esri CSS -->
     <link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.11/esri/css/esri.css">
-    <!-- dijit theme only needed for chart tooltip in popup in this web map -->
-    <link rel="stylesheet" href="http://js.arcgis.com/3.11/dijit/themes/claro/claro.css">
     <!-- custom styles for this app -->
     <style type="text/css">
     .jumbotron {
@@ -22,7 +20,7 @@
     </style>
 </head>
 
-<body class="claro">
+<body>
     <div class="container">
         <div class="header">
             <ul class="nav nav-pills pull-right" role="tablist">
@@ -37,11 +35,9 @@ <h3 class="text-muted">angular-esri-map</h3>
         </div>
         <div ng-view=""></div>
         <div class="footer">
-            <p>
-                <span class="glyphicon glyphicon-heart"></span>from Esri</p>
+            <p><span class="glyphicon glyphicon-heart"></span> from Esri</p>
         </div>
-    </div>
-    <!-- /container -->
+    </div><!-- /container -->
     <!-- load Esri JavaScript API -->
     <script type="text/javascript" src="http://js.arcgis.com/3.11compact"></script>
     <!-- load Angular -->