{"action":"created","issue":{"url":"https://api.github.com/repos/Esri/angular-esri-map/issues/274","repository_url":"https://api.github.com/repos/Esri/angular-esri-map","labels_url":"https://api.github.com/repos/Esri/angular-esri-map/issues/274/labels{/name}","comments_url":"https://api.github.com/repos/Esri/angular-esri-map/issues/274/comments","events_url":"https://api.github.com/repos/Esri/angular-esri-map/issues/274/events","html_url":"https://github.com/Esri/angular-esri-map/issues/274","id":149012855,"number":274,"title":"esri-map-view directive not displaying the map","user":{"login":"cabstool","id":8562326,"avatar_url":"https://avatars.githubusercontent.com/u/8562326?v=3","gravatar_id":"","url":"https://api.github.com/users/cabstool","html_url":"https://github.com/cabstool","followers_url":"https://api.github.com/users/cabstool/followers","following_url":"https://api.github.com/users/cabstool/following{/other_user}","gists_url":"https://api.github.com/users/cabstool/gists{/gist_id}","starred_url":"https://api.github.com/users/cabstool/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cabstool/subscriptions","organizations_url":"https://api.github.com/users/cabstool/orgs","repos_url":"https://api.github.com/users/cabstool/repos","events_url":"https://api.github.com/users/cabstool/events{/privacy}","received_events_url":"https://api.github.com/users/cabstool/received_events","type":"User","site_admin":false},"labels":[{"id":141291706,"url":"https://api.github.com/repos/Esri/angular-esri-map/labels/question","name":"question","color":"cc317c","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":12,"created_at":"2016-04-18T00:54:05Z","updated_at":"2016-12-06T04:41:28Z","closed_at":"2016-04-21T14:06:15Z","body":"#### Expected behavior\n- I am implementing in a SPA and have all of the references to the 4.0beta3 stylesheet and 4.0beta3 script sources. I have a view and a controller and am using the esri-map-view directive. I have followed all of the example code that I can find.\n- I expect that the directive will make the call, and do what is necessary to display the map in the <div> containing the directive. \n#### Actual behavior\n- The directive makes the call and gets a response back with the name: World Street Map with all kinds of spatial and extent references; it looks good to me.\n- The map is never displayed; the onCreate, onLoad, or onError are never called.\n- There are no error messages at all; the response is 200 OK and has data.\n#### Steps to reproduce the behavior\n\nMy code is as follows:\n\nView:\n\n``` html\n<div class=\"row\" data-ng-controller=\"MapController as mapvm\">\n  <div class=\"col-md-6\">\n    <esri-map-view map=\"mapvm.map\" \n      view-options=\"{scale: 50000000, center: [-101.17, 21.78]}\"\n      register-as=\"4rentmap\"\n      on-create=\"mapvm.onCreate\"\n      on-load=\"mapvm.onLoad\"\n      on-error=\"mapvm.onError\">\n    </esri-map-view>\n  </div>               \n</div>\n```\n\nController:\n\n```\n (function () {\n        'use strict';\n        // see app.js 'esri.map'\n        var controllerId = 'MapController'\n       angular.module('app').controller(controllerId, ['common', 'esriLoader', MapController]);\n         function MapController(common, esriLoader) {\n        var getLogFn = common.logger.getLogFn;\n        var log = getLogFn(controllerId);\n        var logSuccess = getLogFn(controllerId, \"success\");\n        var logError = getLogFn(controllerId, \"error\");\n\n        var mapvm = this;\n        mapvm.map = {};\n        mapvm.onError = onError;\n        mapvm.onLoad = onLoad;\n        mapvm.onCreate = onCreate;\n\n        // Creates the map\n        esriLoader.require(['esri/Map'], function (Map) {\n            mapvm.map = new Map({\n                scale: 50000000,\n                center:  [-101.17, 21.78],\n                basemap: 'streets'\n            });         \n        });\n\n        function onError(error) {\n            logError(\"Map load Error\");\n        };\n\n        function onLoad(evt) {\n            log(\"Map loaded\");\n        };\n\n        function onCreate(view) {\n            log(\"Map created\");\n        };\n\n    }\n\n})();\n```\n\nRequest that the directive sends:\n\nRequest URL:http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer?f=json\nRequest Method:GET\nStatus Code:200 OK (from cache)\n\nResponse:\n\n{\n \"currentVersion\": 10.3,\n \"serviceDescription\": \"This worldwide street map presents highway-level data for the world. Street-level data includes the United States; much of Canada; Mexico; Europe; Japan; Australia and New Zealand; India; South America and Central America; Africa; and most of the Middle East. This comprehensive street map includes highways, major roads, minor roads, one-way arrow indicators, railways, water features, administrative boundaries, cities, parks, and landmarks, overlaid on shaded relief imagery for added context. The map also includes building footprints for selected areas. Coverage is provided down to ~1:4k with ~1:1k and ~1:2k data available in select urban areas. The street map was developed by Esri using Esri basemap data, DeLorme basemap layers, U.S. Geological Survey (USGS) elevation data, Intact Forest Landscape (IFL) data for the world; HERE data for Europe, Australia and New Zealand, North America, South America and Central America, Africa, and most of the Middle East; OpenStreetMap contributors for select countries in Africa; MapmyIndia data in India; and select data from the GIS user community. For more information on this map, including the terms of use, visit us <a href=\\\"http://goto.arcgisonline.com/maps/World_Street_Map \\\" target=\\\"_new\\\" >online<\\/a>.\",\n \"mapName\": \"Layers\",\n \"description\": \"This worldwide street map presents highway-level data for the world. Street-level data includes the United States; much of Canada; Mexico; Europe; Japan; Australia and New Zealand; India; South America and Central America; Africa; and most of the Middle East. This comprehensive street map includes highways, major roads, minor roads, one-way arrow indicators, railways, water features, administrative boundaries, cities, parks, and landmarks, overlaid on shaded relief imagery for added context. The map also includes building footprints for selected areas. Coverage is provided down to ~1:4k with ~1:1k and ~1:2k data available in select urban areas. The street map was developed by Esri using Esri basemap data, DeLorme basemap layers, U.S. Geological Survey (USGS) elevation data, Intact Forest Landscape (IFL) data for the world; HERE data for Europe, Australia and New Zealand, North America, South America and Central America, Africa, and most of the Middle East; OpenStreetMap contributors for select countries in Africa; MapmyIndia data in India; and select data from the GIS user community. For more information on this map, including the terms of use, visit us online at http://goto.arcgisonline.com/maps/World_Street_Map\",\n \"copyrightText\": \"Sources: Esri, HERE, DeLorme, USGS, Intermap, increment P Corp., NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), MapmyIndia, © OpenStreetMap contributors, and the GIS User Community\",\n \"supportsDynamicLayers\": false,\n \"layers\": [\n  {\n   \"id\": 0,\n   \"name\": \"World Street Map\",\n   \"parentLayerId\": -1,\n   \"defaultVisibility\": true,\n   \"subLayerIds\": null,\n   \"minScale\": 0,\n   \"maxScale\": 0\n  }\n ],\n \"tables\": [],\n \"spatialReference\": {\n  \"wkid\": 102100,\n  \"latestWkid\": 3857\n },\n \"singleFusedMapCache\": true,\n \"tileInfo\": {\n  \"rows\": 256,\n  \"cols\": 256,\n  \"dpi\": 96,\n  \"format\": \"JPEG\",\n  \"compressionQuality\": 90,\n  \"origin\": {\n   \"x\": -2.0037508342787E7,\n   \"y\": 2.0037508342787E7\n  },\n  \"spatialReference\": {\n   \"wkid\": 102100,\n   \"latestWkid\": 3857\n  },\n  \"lods\": [\n   {\n    \"level\": 0,\n    \"resolution\": 156543.03392800014,\n    \"scale\": 5.91657527591555E8\n   },\n   {\n    \"level\": 1,\n    \"resolution\": 78271.51696399994,\n    \"scale\": 2.95828763795777E8\n   },\n   {\n    \"level\": 2,\n    \"resolution\": 39135.75848200009,\n    \"scale\": 1.47914381897889E8\n   },\n   {\n    \"level\": 3,\n    \"resolution\": 19567.87924099992,\n    \"scale\": 7.3957190948944E7\n   },\n   {\n    \"level\": 4,\n    \"resolution\": 9783.93962049996,\n    \"scale\": 3.6978595474472E7\n   },\n   {\n    \"level\": 5,\n    \"resolution\": 4891.96981024998,\n    \"scale\": 1.8489297737236E7\n   },\n   {\n    \"level\": 6,\n    \"resolution\": 2445.98490512499,\n    \"scale\": 9244648.868618\n   },\n   {\n    \"level\": 7,\n    \"resolution\": 1222.992452562495,\n    \"scale\": 4622324.434309\n   },\n   {\n    \"level\": 8,\n    \"resolution\": 611.4962262813797,\n    \"scale\": 2311162.217155\n   },\n   {\n    \"level\": 9,\n    \"resolution\": 305.74811314055756,\n    \"scale\": 1155581.108577\n   },\n   {\n    \"level\": 10,\n    \"resolution\": 152.87405657041106,\n    \"scale\": 577790.554289\n   },\n   {\n    \"level\": 11,\n    \"resolution\": 76.43702828507324,\n    \"scale\": 288895.277144\n   },\n   {\n    \"level\": 12,\n    \"resolution\": 38.21851414253662,\n    \"scale\": 144447.638572\n   },\n   {\n    \"level\": 13,\n    \"resolution\": 19.10925707126831,\n    \"scale\": 72223.819286\n   },\n   {\n    \"level\": 14,\n    \"resolution\": 9.554628535634155,\n    \"scale\": 36111.909643\n   },\n   {\n    \"level\": 15,\n    \"resolution\": 4.77731426794937,\n    \"scale\": 18055.954822\n   },\n   {\n    \"level\": 16,\n    \"resolution\": 2.388657133974685,\n    \"scale\": 9027.977411\n   },\n   {\n    \"level\": 17,\n    \"resolution\": 1.1943285668550503,\n    \"scale\": 4513.988705\n   },\n   {\n    \"level\": 18,\n    \"resolution\": 0.5971642835598172,\n    \"scale\": 2256.994353\n   },\n   {\n    \"level\": 19,\n    \"resolution\": 0.29858214164761665,\n    \"scale\": 1128.497176\n   },\n   {\n    \"level\": 20,\n    \"resolution\": 0.14929107082380833,\n    \"scale\": 564.248588\n   },\n   {\n    \"level\": 21,\n    \"resolution\": 0.07464553541190416,\n    \"scale\": 282.124294\n   },\n   {\n    \"level\": 22,\n    \"resolution\": 0.03732276770595208,\n    \"scale\": 141.062147\n   },\n   {\n    \"level\": 23,\n    \"resolution\": 0.01866138385297604,\n    \"scale\": 70.5310735\n   }\n  ]\n },\n \"initialExtent\": {\n  \"xmin\": -3.366292934049552E7,\n  \"ymin\": -2424171.6710013608,\n  \"xmax\": 3.366292934049552E7,\n  \"ymax\": 1.9172994125192165E7,\n  \"spatialReference\": {\n   \"wkid\": 102100,\n   \"latestWkid\": 3857\n  }\n },\n \"fullExtent\": {\n  \"xmin\": -2.0037507067161843E7,\n  \"ymin\": -1.9971868880408604E7,\n  \"xmax\": 2.0037507067161843E7,\n  \"ymax\": 1.99718688804085E7,\n  \"spatialReference\": {\n   \"wkid\": 102100,\n   \"latestWkid\": 3857\n  }\n },\n \"minScale\": 5.91657527591555E8,\n \"maxScale\": 70.5310735,\n \"units\": \"esriMeters\",\n \"supportedImageFormatTypes\": \"PNG32,PNG24,PNG,JPG,DIB,TIFF,EMF,PS,PDF,GIF,SVG,SVGZ,BMP\",\n \"documentInfo\": {\n  \"Title\": \"World Street Map\",\n  \"Author\": \"Esri\",\n  \"Comments\": \"\",\n  \"Subject\": \"streets, highways, major roads, railways, water features, administrative boundaries, cities, parks, protected areas, landmarks \",\n  \"Category\": \"transportation(Transportation Networks) \",\n  \"AntialiasingMode\": \"None\",\n  \"TextAntialiasingMode\": \"Force\",\n  \"Keywords\": \"World,Global,Europe,Japan,Hong Kong,North America,United States,Canada,Mexico,Southern Africa,Asia,South America,Australia,New Zealand,India,Argentina,Brazil,Chile,Venezuela,Andorra,Austria,Belgium,Czech Republic,Denmark,France,Germany,Great Britain,Greece,Hungary,Ireland,Italy,Luxembourg,Netherlands,Norway,Poland,Portugal,San Marino,Slovakia,Spain,Sweden,Switzerland,Russia,Thailand,Turkey\"\n },\n \"capabilities\": \"Map,Tilemap\",\n \"supportedQueryFormats\": \"JSON, AMF\",\n \"exportTilesAllowed\": false,\n \"maxRecordCount\": 1000,\n \"maxImageHeight\": 4096,\n \"maxImageWidth\": 4096,\n \"supportedExtensions\": \"KmlServer\"\n}\n\nAny help is appreciated. Thanks.\n"},"comment":{"url":"https://api.github.com/repos/Esri/angular-esri-map/issues/comments/265059175","html_url":"https://github.com/Esri/angular-esri-map/issues/274#issuecomment-265059175","issue_url":"https://api.github.com/repos/Esri/angular-esri-map/issues/274","id":265059175,"user":{"login":"LyraelRayne","id":11632412,"avatar_url":"https://avatars.githubusercontent.com/u/11632412?v=3","gravatar_id":"","url":"https://api.github.com/users/LyraelRayne","html_url":"https://github.com/LyraelRayne","followers_url":"https://api.github.com/users/LyraelRayne/followers","following_url":"https://api.github.com/users/LyraelRayne/following{/other_user}","gists_url":"https://api.github.com/users/LyraelRayne/gists{/gist_id}","starred_url":"https://api.github.com/users/LyraelRayne/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LyraelRayne/subscriptions","organizations_url":"https://api.github.com/users/LyraelRayne/orgs","repos_url":"https://api.github.com/users/LyraelRayne/repos","events_url":"https://api.github.com/users/LyraelRayne/events{/privacy}","received_events_url":"https://api.github.com/users/LyraelRayne/received_events","type":"User","site_admin":false},"created_at":"2016-12-06T04:41:28Z","updated_at":"2016-12-06T04:41:28Z","body":"For version 3 of the API you need to require \"esri/map\" not \"esri/Map\". The sample is written for esri4 which uses the upper case Map."}}
{"actor":{"display_login":"LyraelRayne"}}