{"_id":"586d8f521c014819000ea682","__v":0,"githubsync":"","version":{"_id":"586d8f511c014819000ea65d","project":"56d629f02417921500c46716","__v":2,"createdAt":"2017-01-05T00:12:01.865Z","releaseDate":"2017-01-05T00:12:01.865Z","categories":["586d8f511c014819000ea65e","586d8f511c014819000ea65f","586d8f511c014819000ea660","586d8f511c014819000ea661","586d8f511c014819000ea662","586d8f511c014819000ea663","586d8f511c014819000ea664","587977f57a58130f00303d4e"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"adams","version_clean":"2.0.0","version":"2.0"},"parentDoc":null,"project":"56d629f02417921500c46716","user":"56d62986b30acf150053be43","category":{"_id":"586d8f511c014819000ea663","__v":0,"project":"56d629f02417921500c46716","version":"586d8f511c014819000ea65d","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-03-25T01:10:14.029Z","from_sync":false,"order":6,"slug":"integration-examples","title":"Examples"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-03-25T02:29:29.850Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":4,"body":"[block:html]\n{\n  \"html\": \"<p>You can easily use <a href=\\\"http://developer.digitalglobe.com/maps-api/\\\">DigitalGlobe Maps</a> API with Esri&#8217;s <a href=\\\"https://developers.arcgis.com/javascript/jshelp/\\\" target=\\\"_blank\\\">ArcGIS API for Javascript</a>, a lightweight way to embed maps and tasks in web applications. <em>ArcGIS for Javascript API </em> is most compatible with Esri ArcGIS Server maps and geodata web services and integrates well within the overall Esri platform offering.</p>\\n<p>The javascript code snippet below details how to integrate DigitalGlobe Maps API basemaps within an <em>Esri ArcGIS for Javascript API</em> web map:</p>\\n\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"var map;\\n      require([\\n          \\\"esri/map\\\", \\\"esri/layers/WebTiledLayer\\\", \\\"dojo/parser\\\", \\\"dojo/domReady!\\\"], function (\\n      Map, WebTiledLayer, parser) {\\n          parser.parse();\\n\\n          map = new Map(\\\"map\\\", {\\n              center: [12.486, 41.89],\\n              zoom: 15\\n          });\\n          \\n// You will need to replace the 'access_token' value in 'WebTiledLayer' source (below) with your own. get your key here: http://platform.digitalglobe.com/maps-api \\n          var dgb = new WebTiledLayer(\\\"https://api.tiles.mapbox.com/v4/digitalglobe.nal0g75k/${level}/${col}/${row}.png?access_token=ENTER YOUR MAPS API ACCESS TOKEN HERE\\\", {\\n              \\\"copyright\\\": \\\"© DigitalGlobe, Inc\\\",\\n                  \\\"id\\\": \\\"DigitalGlobe\\\"\\n          });\\n          map.addLayer(dgb);\\n\\n\\n      });\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"maps-api-esri-arcgis-api-for-javascript","type":"basic","title":"Maps API + Esri ArcGIS API for Javascript"}

Maps API + Esri ArcGIS API for Javascript


[block:html] { "html": "<p>You can easily use <a href=\"http://developer.digitalglobe.com/maps-api/\">DigitalGlobe Maps</a> API with Esri&#8217;s <a href=\"https://developers.arcgis.com/javascript/jshelp/\" target=\"_blank\">ArcGIS API for Javascript</a>, a lightweight way to embed maps and tasks in web applications. <em>ArcGIS for Javascript API </em> is most compatible with Esri ArcGIS Server maps and geodata web services and integrates well within the overall Esri platform offering.</p>\n<p>The javascript code snippet below details how to integrate DigitalGlobe Maps API basemaps within an <em>Esri ArcGIS for Javascript API</em> web map:</p>\n" } [/block] [block:code] { "codes": [ { "code": "var map;\n require([\n \"esri/map\", \"esri/layers/WebTiledLayer\", \"dojo/parser\", \"dojo/domReady!\"], function (\n Map, WebTiledLayer, parser) {\n parser.parse();\n\n map = new Map(\"map\", {\n center: [12.486, 41.89],\n zoom: 15\n });\n \n// You will need to replace the 'access_token' value in 'WebTiledLayer' source (below) with your own. get your key here: http://platform.digitalglobe.com/maps-api \n var dgb = new WebTiledLayer(\"https://api.tiles.mapbox.com/v4/digitalglobe.nal0g75k/${level}/${col}/${row}.png?access_token=ENTER YOUR MAPS API ACCESS TOKEN HERE\", {\n \"copyright\": \"© DigitalGlobe, Inc\",\n \"id\": \"DigitalGlobe\"\n });\n map.addLayer(dgb);\n\n\n });", "language": "javascript" } ] } [/block]