AnsweredAssumed Answered

All tiles are mixed up

Question asked by cadrin on Mar 12, 2013
Latest reply on Mar 12, 2013 by cadrin
Hi guy,

I have a weird problem here.

I'm starting a new app with the topographic basemap, but the result is really weird.

[ATTACH=CONFIG]22549[/ATTACH]

I don't think it's caused by my code...but here it is:
<html>  <head>   <!-- TITRE -->   <title>Cartographie 2.0</title>     <!-- FORMATAGE -->   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">      <!-- DOCTYPE -->   <!DOCTYPE html>     <!-- XHTML -->   <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">     <!-- CSS -->   <link rel="stylesheet" href="css/interface.css" type="text/css">     <!-- JAVASCRIPT -->   <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/"></script>   <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>   <script type="text/javascript" src="js/jquery-ui-1.10.1.custom.min.js" ></script>   <script type="text/javascript">    dojo.require("esri.map");        oData = {     "nom":"Coaticook",     "extent":     {      "xmin": -8007750,      "ymin": 5622181,      "xmax": -7978153,      "ymax": 5647140     }    };             dojo.ready(function()         {          var oMapper = new Mapper(oData);          oMapper.init();          oMapper.initMap();         });         function Mapper(oData)    {     this.map;     this.setMap = setMap;     this.getMap = getMap;          this.div_map;     this.init = init;     this.builDivs = buildDivs;     this.oData = oData;     this.initMap = initMap;     this.basemap = basemap;     this.addLayers = addLayers;          function init()      {      buildDivs();     }          function buildDivs()     {      this.div_map = $('<div id="map"></div>');      $('#main').append(this.div_map);     }          function initMap()     {      var initialExtent = new esri.geometry.Extent({       'xmin': oData.extent.xmin,       'ymin': oData.extent.ymin,       'xmax': oData.extent.xmax,       'ymax': oData.extent.ymax,       'spatialReference': new esri.SpatialReference({ wkid: 102100 })      });            var map = new esri.Map("map",      {       extent: initialExtent,       "fadeOnZoom": true,       logo: true,       showAttribution: false      });            setMap(map);            console.log(getMap);      addLayers();     }          function setMap(map)     {      this.map = map;     }          function getMap()     {      return this.map;     }          function addLayers()     {      var layers = new Array();            layers.push(basemap());      console.log(layers);      var map = getMap();      map.addLayers(layers);      console.log(map);     }          function basemap()     {      var baseMapUrl = "http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer";      var baseMap = new esri.layers.ArcGISTiledMapServiceLayer(baseMapUrl, {id:'basemap'});      return baseMap;     }    }   </script>    </head>  <body>   <div id="main" class="container">   </div>  </body> </html>

Attachments

Outcomes