AnsweredAssumed Answered

Basemap tiles disjointed - bad projection?

Question asked by dosstx on Nov 19, 2014
Latest reply on Nov 19, 2014 by randy_jones-esristaff

Hi all, I'm working within a corporate environment that is using ArcGIS Server (v10.2.2). I am a newbie trying to work with ArcGIS API for Javascript (v3.9) to create custom map applications. I can't seem to get a basic map up and running. For example, when I write this code:

 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
<link rel="stylesheet" href="MYDOMAINHERE.COM/3.11/esri/css/esri.css">
<style>
  html, body, #map {
  height: 100%; width: 100%; margin: 0; padding: 0;
  }
</style>

<script src="http://MYDOMAINHERE.COM/3.9compact"></script>
<script>
  var map;

  require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "dojo/domReady!"],
  function(Map, Tiled) {
  map = new Map("map");

  var tiled = new Tiled("MYDOMAINHERE.COM/arcgis/rest/services/BaseMaps/OURCONTENT");
  map.addLayer(tiled);
  }
  );
  </script>
  </head>
  <body>
  <div id="map"></div>
  </body>
</html>

 

I get the basemap map tiles all disjointed like so (re-created in Photoshop for illustration purposes):

 

map.gif

 

Is it possible that the coordinates are wrong? Our server is using ArcGIS with 4326(WGS84). Again, I am an extreme newbie, so I am not sure I am using the correct language here. Thanks for any tips and advice on how to troubleshoot this.

Outcomes