angular-esri-map Base Fiddle

A base fiddle demonstrating how to use the module to bring Esri maps into Angular apps.

HTML

<script src="https://js.arcgis.com/3.14compact"></script>
<link rel="stylesheet" href="https://js.arcgis.com/3.14/esri/css/esri.css">
<script src="https://esri.github.io/angular-esri-map/lib/angular-esri-map.js"></script>
<div ng-controller="SimpleMapCtrl">
<h2>Simple Map</h2>
<!-- add map to page and bind to scope map parameters -->
<esri-map id="map" map-options="map.options">
</esri-map>
</div>

JavaScript

angular.module('esri-map-example', ['esri.map'])
    .controller('SimpleMapCtrl', function($scope) {
        $scope.map = {
            options: {
                basemap: 'topo',
                center: [-122.45,37.75],
                zoom: 13,
                sliderStyle: 'small'
            }
        };
    });