fixes for example pages

examples page can show more than 10 examples dynamic layer example matches test page
Esri · Oct 1, 2015 · c69329b · c69329b
1 parent 0009385
commit c69329b
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 35 deletions.
diff --git a/docs/app/appConfig.js b/docs/app/appConfig.js
@@ -65,13 +65,13 @@
         }, {
             toc: {
                 title: 'Dynamic Map Service Layer',
-                description: 'Loads a dynamic map service layer into the map, and specifies layers to be shown.  Also uses infoTemplate to display identify information about features on the map.',
-                url: urlPrefixes.templateHref + 'dynamic-map-service-layers'
+                description: 'Loads a dynamic map service layer into the map and shows how to bind layer properties such as visibility and opacity to external controls.',
+                url: urlPrefixes.templateHref + 'dynamic-map-service-layer'
             },
             route: {
-                path: urlPrefixes.routePath + 'dynamic-map-service-layers',
-                templateUrl: urlPrefixes.routeTemplateUrl + 'dynamic-map-service-layers.html',
-                controller: 'DynamicMapServiceLayersCtrl'
+                path: urlPrefixes.routePath + 'dynamic-map-service-layer',
+                templateUrl: urlPrefixes.routeTemplateUrl + 'dynamic-map-service-layer.html',
+                controller: 'DynamicMapServiceLayerCtrl'
             }
         }, {
             toc: {

diff --git a/docs/app/examples/dynamic-map-service-layer.html b/docs/app/examples/dynamic-map-service-layer.html
@@ -0,0 +1,7 @@
+<h2>Dynamic Map Service Layer Example</h2>
+<!-- add map to page and bind to scope map parameters -->
+<esri-map id="map" map-options="{ sliderOrientation : 'horizontal' }">
+    <esri-dynamic-map-service-layer url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer" visible="{{dynamicLayer.visible}}" opacity="{{dynamicLayer.opacity}}" layer-options="{ imageParameters: { format: 'jpeg' } }" />
+</esri-map>
+<p><input type="checkbox" ng-model="dynamicLayer.visible" /> World Population - opacity: <input type="number" step="0.1" min="0" max="1" ng-model="dynamicLayer.opacity" /></p>
+<p>Based on <a href="https://developers.arcgis.com/javascript/jssamples/map_dynamic.html">this sample</a>.</p>
diff --git a/docs/app/examples/dynamic-map-service-layer.js b/docs/app/examples/dynamic-map-service-layer.js
@@ -0,0 +1,9 @@
+'use strict';
+
+angular.module('esri-map-docs')
+    .controller('DynamicMapServiceLayerCtrl', function ($scope) {
+        $scope.dynamicLayer = {
+            visible: true,
+            opacity: 0.5
+        };
+    });
diff --git a/docs/app/examples/dynamic-map-service-layers.html b/docs/app/examples/dynamic-map-service-layers.html
diff --git a/docs/app/examples/dynamic-map-service-layers.js b/docs/app/examples/dynamic-map-service-layers.js
diff --git a/docs/app/examples/examples.html b/docs/app/examples/examples.html
@@ -4,14 +4,14 @@ <h1>&lt;esri-map/&gt;</h1>
 </div>
 <div class="row marketing">
     <div class="col-lg-6">
-        <h4 ng-repeat-start="example in examplePages|limitTo:5:0">
+        <h4 ng-repeat-start="example in examplePages|limitTo:6:0">
             <a href="{{example.toc.url}}">{{example.toc.title}}</a>
         </h4>
         <p ng-repeat-end>{{example.toc.description}}</p>
     </div>
 
     <div class="col-lg-6">
-        <h4 ng-repeat-start="example in examplePages|limitTo:5:5">
+        <h4 ng-repeat-start="example in examplePages|limitTo:6:6">
             <a href="{{example.toc.url}}">{{example.toc.title}}</a>
         </h4>
         <p ng-repeat-end>{{example.toc.description}}</p>

diff --git a/docs/index.html b/docs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html ng-app="esri-map-docs">
 
 <head>
@@ -105,7 +105,7 @@ <h3 class="text-muted">angular-esri-map</h3>
     <script type="text/javascript" src="app/examples/simple-map.js"></script>
     <script type="text/javascript" src="app/examples/web-map.js"></script>
     <script type="text/javascript" src="app/examples/feature-layers.js"></script>
-    <script type="text/javascript" src="app/examples/dynamic-map-service-layers.js"></script>
+    <script type="text/javascript" src="app/examples/dynamic-map-service-layer.js"></script>
     <script type="text/javascript" src="app/examples/legend.js"></script>
     <script type="text/javascript" src="app/examples/set-basemap.js"></script>
     <script type="text/javascript" src="app/examples/set-center-zoom.js"></script>