nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Simple app

ChristineZeller

I have a simple app. And I'm consuming base layers using the base layer template sample. Basically my base layer, whichever one I pick (bing, esri imagery, streets, canvas, etc) doesn't complete draw. Only a few tiles draw...no matter what scale I'm at. Is there a setting in my app that could be restricting this? It can't be specific to the base layer because of them are acting this way and I have a big list (Esri, Bing, and my own)

Thanks

Finde mehr Beiträge mit dem Tag

Accepted answers

khutchins

Try adding a link to the esri.css stylesheet. This stylesheet was added at 3.2

<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">

All comments

khutchins

You can email the link to khutchins@esri.com

ChristineZeller

Kelly,

Thanks again for all the time.

I don't think it is the spatial ref...the parameters I captured with the null result was based on a null query in the 3.0 API.

In API 3.3 it is getting caught up at line 34 column 1 in your API. Not sure what to do. I could send you the link of my address, which is public if there was a easy secure way to share it with you.

khutchins

Can you debug your code and see if g.geometry.spatialReference.wkid has a value? You can do this by setting a breakpoint at that line using either Firebug or Chrome Dev Tools.

ChristineZeller

Thanks Kelly,

Im looking into it. I don't think I am:


// build query
        queryTask = new esri.tasks.QueryTask("https://myserver/pubgis/rest/services/Signs/Signs2/MapServer/0");
     

        //build query filter
        query = new esri.tasks.Query();
        query.returnGeometry = true;
        query.outFields = ["*"];
        query.outSpatialReference = map.spatialReference;

I'm seaching your samples and ref and I ca'nt seem to find how to declare the

I don't want it default to 4326 becasue my ref is
Spatial Reference: 102100 (3857)

Just don't know where and/how to set it yet.

query.SpatialReference = map.spatialReference;

or
query.inSpatialReference = map.spatialReference;

khutchins

Based on the error message regarding the wkid it sounds like you may be running into the following:

From the 'What's new at 3.3' doc.

http://help.arcgis.com/en/webapi/javascript/arcgis/jshelp/#whats_new

"Creating a geometry without specifying a spatial reference defaults to WGS84 (wkid 4326). Apps that previously created geometries with non-WGS84 coordinates without a spatial reference now must specify the geometry's spatial reference."

So check your code and see if you are creating a geometry that does not have a spatial reference defined.

Kelly

ChristineZeller

Here's the success I get when I use API 3.0

[HTML]

200 OK
39ms
3.0 (line 15)
ParamsHeadersResponseJSONCookies

{"displayFieldName":"SIGNTYPE","fieldAliases":{"OBJECTID":"OBJECTID","SUPPORTID":"SUPPORTID","DATEINST":"DATEINST","SIGNCATEGORY":"SignCategory","SIGNTYPE":"SIGNTYPE","DIRFACES":"DIRFACES","SUBSTRMAT":"SUBSTRMAT","BACKGRDMAT":"BACKGRDMAT","SIGNSIZE":"SIGNSIZE","SIGNMEMO":"SIGNMEMO","SIGNPIC":"SIGNPIC","HEIGHT":"HEIGHT","FACILITYID":"FACILITYID"},"geometryType":"esriGeometryPoint","spatialReference":{"wkid":102100,"latestWkid":3857},"fields":[{"name":"OBJECTID","type":"esriFieldTypeOID","alias":"OBJECTID"},{"name":"SUPPORTID","type":"esriFieldTypeInteger","alias":"SUPPORTID"},{"name":"DATEINST","type":"esriFieldTypeDate","alias":"DATEINST","length":36},{"name":"SIGNCATEGORY","type":"esriFieldTypeSmallInteger","alias":"SignCategory"},{"name":"SIGNTYPE","type":"esriFieldTypeString","alias":"SIGNTYPE","length":25},{"name":"DIRFACES","type":"esriFieldTypeInteger","alias":"DIRFACES"},{"name":"SUBSTRMAT","type":"esriFieldTypeInteger","alias":"SUBSTRMAT"},{"name":"BACKGRDMAT","type":"esriFieldTypeInteger","alias":"BACKGRDMAT"},{"name":"SIGNSIZE","type":"esriFieldTypeInteger","alias":"SIGNSIZE"},{"name":"SIGNMEMO","type":"esriFieldTypeString","alias":"SIGNMEMO","length":150},{"name":"SIGNPIC","type":"esriFieldTypeBlob","alias":"SIGNPIC"},{"name":"HEIGHT","type":"esriFieldTypeString","alias":"HEIGHT","length":10},{"name":"FACILITYID","type":"esriFieldTypeString","alias":"FACILITYID","length":20}],"features":[{"attributes":{"OBJECTID":12525,"SUPPORTID":null,"DATEINST":null,"SIGNCATEGORY":0,"SIGNTYPE":"R6-2","DIRFACES":5,"SUBSTRMAT":1,"BACKGRDMAT":null,"SIGNSIZE":null,"SIGNMEMO":null,"SIGNPIC":null,"HEIGHT":"7 FT","FACILITYID":"12525"},"geometry":{"x":-13033794.447593082,"y":3911380.3864027131}},{"attributes":{"OBJECTID":8093,"SUPPORTID":null,"DATEINST":1291883089000,"SIGNCATEGORY":0,"SIGNTYPE":"R6-2","DIRFACES":1,"SUBSTRMAT":1,"BACKGRDMAT":4,"SIGNSIZE":22,"SIGNMEMO":null,"SIGNPIC":null,"HEIGHT":"3 FT","FACILITYID":"8093"},"geometry":{"x":-13033865.066973455,"y":3911306.2951709563}},{"attributes":{"OBJECTID":12095,"SUPPORTID":null,"DATEINST":null,"SIGNCATEGORY":0,"SIGNTYPE":"R6-2","DIRFACES":7,"SUBSTRMAT":1,"BACKGRDMAT":4,"SIGNSIZE":22,"SIGNMEMO":null,"SIGNPIC":null,"HEIGHT":"7 FT","FACILITYID":"12095"},"geometry":{"x":-13036127.999760263,"y":3910583.6911206739}},{"attributes":{"OBJECTID":11291,"SUPPORTID":null,"DATEINST":1291883089000,"SIGNCATEGORY":0,"SIGNTYPE":"R6-2","DIRFACES":1,"SUBSTRMAT":1,"BACKGRDMAT":4,"SIGNSIZE":22,"SIGNMEMO":null,"SIGNPIC":null,"HEIGHT":"3 FT","FACILITYID":"11291"},"geometry":{"x":-13033865.066973455,"y":3911306.2951709563}}]}

GET https://myserver/pubgis/rest/servic...ken=lGZ0cr_9mWzttnT_VtceZIVGjSjArBOPUmFLMLWShIo.

200 OK
157ms
3.0 (line 15)
GET https://myserver/pubgis/rest/servic...ken=lGZ0cr_9mWzttnT_VtceZIVGjSjArBOPUmFLMLWShIo.

200 OK
147ms
3.0 (line 15)
GET https://myserver/pubgis/rest/servic...ken=lGZ0cr_9mWzttnT_VtceZIVGjSjArBOPUmFLMLWShIo.

200 OK
468ms
3.0 (line 15)
GET https://gisapps.escondido.org/pubgis/rest/servic...ken=lGZ0cr_9mWzttnT_VtceZIVGjSjArBOPUmFLMLWShIo.

200 OK
232ms
3.0 (line 15)
GET https://gisapps.escondido.org/pubgis/rest/servic...ken=lGZ0cr_9mWzttnT_VtceZIVGjSjArBOPUmFLMLWShIo.

200 OK
437ms
3.0 (line 15)
GET https://myserver/pubgis/rest/servic...ken=lGZ0cr_9mWzttnT_VtceZIVGjSjArBOPUmFLMLWShIo.

200 OK
811ms[/HTML]

Same code using API 3.3

Error I get

[HTML]TypeError: _3b6 is undefined
[Break On This Error]

...etPlaneIndex:function(_930,_931){var px=_930[0],py=_930[1],xmin=_931[0],ymin=_93...
[/HTML]

I can click on the error and it takes me to Line 34 in the serverapi.arcgisonline.com/jsapi/arcgis/ 3.3 file

Does any of this help?

ChristineZeller

Here's the firebug Parameters

f json
outFields *
outSR 102100
returnGeometry true
spatialRel esriSpatialRelIntersects
where SIGNTYPE = 'R6-2'

Here's the response

{"error":{"code":500,"message":null,"details":[]}}

ChristineZeller

Kelly,

I was able to capture this in Chrome:

Uncaught TypeError: Cannot read property 'wkid' of undefined serverapi.arcgisonline.com:34
dojo.declare.toJson serverapi.arcgisonline.com:34
dojo.declare.execute serverapi.arcgisonline.com:34
_e95.(anonymous function) serverapi.arcgisonline.com:34
doTypeQuery AQuery.js:13
onClick
_d66._onClick serverapi.arcgisonline.com:34
_2cf serverapi.arcgisonline.com:15
_b24._onClick serverapi.arcgisonline.com:34
(anonymous function) serverapi.arcgisonline.com:15
_7bb

Thanks
Christine

khutchins

Hi Christine,

If you run your app then use a tool like Chrome Developer Tools or Firebug to check the console are there any error messages? If you are using IE you can also look in the developer tools to see if there are any console messages.

ChristineZeller

Here's my query in my layout.js

    
           //************************FIND TASK for SIGNS *********************************************
           
           //Create Find Task using the URL of the map service to search
        findTask = new esri.tasks.FindTask("https://myserver/pubgis/rest/services/Signs/MapServer/");
   // findTask = new esri.tasks.FindTask("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/TaxParcel/TaxParcelQuery/MapServer/");
        //Create the find parameters
        findParams = new esri.tasks.FindParameters();
        findParams.returnGeometry = true;
        findParams.layerIds = [0];
       // findParams.searchFields = ["SIGNTYPE"];
      //    findParams.searchFields = ["OWNERNME1","OWNERNME2"];
        findParams.searchFields = ["DATEINST","SIGNCATEGORY","SIGNTYPE","DIRFACES","SUBSTRMAT","BACKGRDMAT","SIGNSIZE","SIGNMEMO","HEIGHT","SUPPORTID"];
        findParams.outSpatialReference = map.spatialReference;
        //*****************************FIND TASK *******************************************************************************
           
           
           
           
    //**************************Sign QUERY TASK ***************************************////
   // build query
        queryTask = new esri.tasks.QueryTask("https://myserver/pubgis/rest/services/Signs/Signs2/MapServer/0");
        //dojo.connect(queryTask, "onComplete", showResults);

        //build query filter
        query = new esri.tasks.Query();
        query.returnGeometry = true;
       // query.outFields = ["FACILITYID","DATEINST","SIGNCATEGORY","SIGNTYPE","DIRFACES","SUBSTRMAT","BACKGRDMAT","SIGNSIZE","SIGNMEMO","HEIGHT","SUPPORTID","OBJECTID"];
        query.outFields = ["*"];
        query.outSpatialReference = map.spatialReference;         
    //************************** END Sign QUERY TASK ***************************************////       
         
                  
    //**************************Support QUERY TASK ***************************************////
   // build query
        queryTaskSupport = new esri.tasks.QueryTask("https://myserver/pubgis/rest/services/Signs/MapServer/1");
       
        //build query filter
        querySupport = new esri.tasks.Query();
        querySupport.returnGeometry = true;
        querySupport.outFields = ["*"];
        querySupport.outSpatialReference = map.spatialReference;
           
    //************************** END Support QUERY TASK ***************************************////   
       
            
           
       //     SignInfoTemplate = new esri.InfoTemplate();
           
        SignInfoTemplate = new esri.InfoTemplate("FacilityID: ${FACILITYID}", "Date Installed: ${DATEINST}<br />Sign Category: ${SIGNCATEGORY}<br />Sign Type: ${SIGNTYPE}<br />Support ID: ${SUPPORTID}<br />Direction Faces: ${DIRFACES}<br />Substrate Material: ${SUBSTRMAT}<br />Background Material: ${BACKGRDMAT}<br />Sign Size: ${SIGNSIZE}<br />Sign Memo: ${SIGNMEMO}<br />Height: ${HEIGHT}");
    
        SupportInfoTemplate = new esri.InfoTemplate("FacilityID: ${FACILITYID}", "Date Installed: ${DATEINST}<br />Support Type: ${SUPPORTTYPE}<br />Support Length: ${SUPPORTLENGTH}<br />Road Name: ${ROADNAME}<br />Support Location: ${SUPPORTLOCATION}<br />Support Memo: ${SUPPORTMEMO}");

Here's the JS Query just incase...THANKS FOR LOOKING

  var txtType = "SIGNTYPE = ";  //String for Type Search
  var txtDate = "DATEINST = TO_DATE(";  //String for Type Search
  var txtFacId = "FACILITYID = ";  //String for Type Search
  var grid;
 
      function doTypeQuery() {
      query.where = (txtType + "\'" + dojo.byId("SignQuery").value + "\'").toString();
        //execute query
        queryTask.execute(query,showFResults);
      }

     function doDateQuery() {
      query.where = (txtDate + "\'" + dojo.byId("DateQuery").value + " 00:00:00\',\'YYYY-MM-DD HH24:MI:SS\')").toString();
        //execute query
        queryTask.execute(query,showFResults);
      }
      
     function doFacIdQuery() {
      query.where = (txtFacId + "\'" + dojo.byId("FacIdQuery").value + "\'").toString();
        //execute query
        queryTask.execute(query,showFResults);
      }
      
      
   
      
      
      function showFResults(results) {
       
           //remove all graphics on the maps graphics layer
    map.graphics.clear();
    esri.hide(dojo.byId("gridsup"));
    esri.show(dojo.byId("grid"));
     
        var polygonSymbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([98,194,204]), 2), new dojo.Color([98,194,204,0.5]));
        var markerSymbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_SQUARE, 20, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0, 0, 255]), 1), new dojo.Color([0, 255, 0, 0.25]));
        var lineSymbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 1);
  
 
         var items = []; 
                dojo.forEach(results.features, function (feature) {
                    var graphic = feature;
                    switch (graphic.geometry.type) {
               case "point":
                 graphic.setSymbol(markerSymbol);
                 break;
               case "polyline":
                 graphic.setSymbol(lineSymbol);
                 break;
               case "polygon":
                 graphic.setSymbol(polygonSymbol);
                 break;
               }
               
               // //Set the infoTemplate.
              graphic.setInfoTemplate(SignInfoTemplate);
               
               //Add graphic to map
                    map.graphics.add(graphic);
                   // return feature.attributes;
                    items.push(feature.attributes);
                });
     
 
            
       //Create data object to be used in store
        var data = {
          identifier: "OBJECTID",  //This field needs to have unique values
          label: "OBJECTID", //Name field for display. Not pertinent to a grid but may be used elsewhere.
          items: items
        };

         //Create data store and bind to grid.
        store = new dojo.data.ItemFileReadStore({ data:data });
        grid = dijit.byId('grid');
        grid.setStore(store);



    
        //+++++++++++++++++++++++++ Zoom back to extent of graphics selected ++++++++++++++++++++++++++++++++++
        
        //Check to see if there is only one graphic 
         for (var i=0, il=results.features.length; i<il; i++) {
          dojo.forEach(map.graphics.graphics,function(graphic){
            g = graphic; 
            return;    
          });
         }
         
         //if only one graphic and graphic is a point then go to the extent of that graphic 
        if (g.geometry.type === "point" &&  i===1)
        {
        var pExtent = new esri.geometry.Extent({"xmin":g.geometry.x - 500,"ymin":g.geometry.y - 500,"xmax":g.geometry.x + 500,"ymax":g.geometry.y + 500,"spatialReference":{"wkid":g.geometry.spatialReference.wkid}});
      map.setExtent(pExtent);
    }
    
    else  //go to the extent of all the graphics
    {
         var graphicExtent = esri.graphicsExtent(map.graphics.graphics);
       map.setExtent(graphicExtent);
      };
     
     //***************END Zoom back to extent of graphics selected ++++++++++++++++++++++++//////////
    
      }

ChristineZeller

Kelly,

I was hoping you could answer another question for me...along the same lines.

I have some Query tasks and one find task. They all work in version 3.0 but maybe even at 3.1 can't remember but when I go to 3.3 the Query Tasks no longer work but the find task still works. Tried to see what was happening in Fiddler and the query never gets sent after the button click...so fiddler isn't picking up any traffic.

Old Code:

[HTML]
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9" />
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>
    </title>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dijit/themes/soria/soria.css"/>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dojox/grid/resources/Grid.css"/>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dojox/grid/resources/SoriaGrid.css"/>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/esri/dijit/css/Popup.css"/>

    <link rel="stylesheet" type="text/css" href="layout.css"/>
    <link rel="stylesheet" type="text/css" href="ssoria.css"/>

    <script type="text/javascript">
      var djConfig = {parseOnLoad: true};
    </script>

    <script type="text/javascript">


//
    </script>



    <script type="text/javascript" src="https://serverapi.arcgisonline.com/jsapi/arcgis/3.0"></script>
    <script type="text/javascript">
      dojo.require("dijit.dijit"); // optimize: load dijit layer
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("dijit.layout.TabContainer");
      dojo.require("dijit.layout.AccordionContainer");
      dojo.require("dijit.form.Button");
      dojo.require("dijit.Menu");
      dojo.require("dijit.TitlePane");
      dojo.require("dijit.form.Textarea");
    dojo.require("dojox.grid.DataGrid");
    dojo.require("esri.IdentityManager");



    </script>
    <script type="text/javascript" src="layout.js"></script>
     <script type="text/javascript" src="Query.js"></script>
     <script type="text/javascript" src="AQuery.js"></script>
    <script type="text/javascript" src="SupQuery.js"></script>
     <script type="text/javascript" src="AddressSearch.js"></script>

[/HTML]

New Code

[HTML]

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9" />
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title> </title>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dijit/themes/soria/soria.css"/>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dojox/grid/resources/Grid.css"/>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dojox/grid/resources/SoriaGrid.css"/>
    <link rel="stylesheet" type="text/css" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/dijit/css/Popup.css"/>
    <link rel="stylesheet" href="https://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">
    <link rel="stylesheet" type="text/css" href="layout.css"/>
    <link rel="stylesheet" type="text/css" href="ssoria.css"/>

    <script type="text/javascript">
      var djConfig = {parseOnLoad: true};
    </script>

    <script type="text/javascript">

     // var djConfig = {parseOnLoad: true,
          // baseUrl: './', modulePaths: {
           // //'agsjs': '../scripts/agsjs'
            // 'agsjs': 'http://is-win7gis/Signs/scripts/agsjs'
           // }
           // };
//
    </script>

    

    <script type="text/javascript" src="https://serverapi.arcgisonline.com/jsapi/arcgis/3.3"></script>
    <script type="text/javascript">
      dojo.require("dijit.dijit"); // optimize: load dijit layer
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("dijit.layout.TabContainer");
      dojo.require("dijit.layout.AccordionContainer");
      dojo.require("dijit.form.Button");
      dojo.require("dijit.Menu");
      dojo.require("dijit.TitlePane");
      dojo.require("dijit.form.Textarea");
    dojo.require("dojox.grid.DataGrid");
    dojo.require("esri.IdentityManager");



    </script>
    <script type="text/javascript" src="layout.js"></script>
     <script type="text/javascript" src="Query.js"></script>
     <script type="text/javascript" src="AQuery.js"></script>
    <script type="text/javascript" src="SupQuery.js"></script>
     <script type="text/javascript" src="AddressSearch.js"></script>


</head>

<body class="soria">
   <div id="content" dojotype="dijit.layout.Bord[/HTML]

I flipped in the new style sheet but no luck.

The query is simple and doesn't change

[HTML]

       <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'SEARCH'" >
           <div dojoType="dijit.layout.AccordionContainer">

              
           <div dojoType="dijit.layout.ContentPane" title="Query" selected="true" >
              <span style="padding:10px 0; font-weight:bold;">Query Signs by Type:</span>
              <br/>
                Sign Type : <input type="text" id="SignQuery" value="R6-2" />
    <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doTypeQuery();}'>
        Search Type
      </button>
       <br />

            <br/>

       <br/>

        <span style="padding:10px 0; font-weight:bold;">Query Signs by Date (YYYY-MM-DD):</span>
              <br/>
                Date : <input type="text" id="DateQuery" value="1979-03-23" style="width: 180px;"/>
    <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doDateQuery();}'>
        Search Date
      </button>
       <br />

            <br/>

       <br/>

        <span style="padding:10px 0; font-weight:bold;">Query Signs by Facility ID:</span>
              <br/>
                Facility ID : <input type="text" id="FacIdQuery" value="8093" />
    <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doFacIdQuery();}'>
        Search ID
      </button>
       <br />

            <br/>

       <br/>


        <span style="padding:10px 0; font-weight:bold;">Query Supports by Facility ID:</span>
              <br/>
                Facility ID : <input type="text" id="SupFacIdQuery" value="355" />
    <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doSupFacIdQuery();}'>
        Search ID
      </button>
       <br />

            <br/>

       <br/>


            </div>
            


           
            <div dojoType="dijit.layout.ContentPane" title="Find" selected="true" >
              <span style="padding:10px 0; font-weight:bold;">Find Text (Signs)</span>
               <br/>
               <br/>
              Type in search string and the search string will
               </br/>
               search the following fields:(DateInst, SignType,
               <br/>
               SignCategory, DirFaces, SubStrMat, BackGrdMat,
               <br/>
               SignSize, SignMem, Height, FacilityId)
              <br/>
              <br/>
             <input type="text" id="SignsSearch" size="60" value="R6-2" />
              <br/>
      <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doFind();}'>
        Search
      </button>
      <button dojotype="dijit.form.Button" padding-right:50px; onclick="clearQuery()"> Clear</button>
             <br/>

       <br/>

       <br/>


            </div>
            
[/HTML]

ChristineZeller

Kelly Thanks, I think that did it.

khutchins

Try adding a link to the esri.css stylesheet. This stylesheet was added at 3.2

<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">

ChristineZeller

O.K.

It has something to do with the new API. I'm moving from 3.1 to 3.3 but I'm changing my code:

Here all I'm doing is changing my code from 3.1 to 3.3

[HTML] <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dijit/themes/soria/soria.css"/>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dojox/grid/resources/Grid.css"/>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dojox/grid/resources/SoriaGrid.css"/>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/dijit/css/Popup.css"/>
    <link rel="stylesheet" type="text/css" href="layout.css"/>
    <link rel="stylesheet" type="text/css" href="ssoria.css"/>

    <script type="text/javascript">
      var djConfig = {parseOnLoad: true};
    </script>

    <script type="text/javascript">


    </script>



    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3"></script>
    <script type="text/javascript">
      dojo.require("dijit.dijit"); // optimize: load dijit layer
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("dijit.layout.TabContainer");
      dojo.require("dijit.layout.AccordionContainer");
      dojo.require("dijit.form.Button");
      dojo.require("dijit.Menu");
      dojo.require("dijit.TitlePane");
      dojo.require("dijit.form.Textarea");
    dojo.require("dojox.grid.DataGrid");
    dojo.require("esri.IdentityManager");

[/HTML]

And my layout.js file my section baselayer code looks like this --- Nothing CHANGES

 // ************* THIS IS THE CODE FOR A BASEMAP GALLERY DROP DOWN MENU with ICONS OUT of the BOX ****************************
      
        function createBasemapGallery() {
        //add the basemap gallery, in this case we'll display maps from ArcGIS.com including bing maps
        var basemapGallery = new esri.dijit.BasemapGallery({
          showArcGISBasemaps: true,
          basemapsGroup:{owner:"myesriuser",title:"mygroup"},
          bingMapsKey: 'bingKey',
          map: map
        }, "basemapGallery");

        basemapGallery.startup();
       
        dojo.connect(basemapGallery, "onError", function(msg) {console.log(msg)});
      }
  // ************* THIS IS THE CODE Feautre layer check boxes to make them turn on and off ****************************

So not only does the base map completely draw all tiles in 3.1 and not 3.3 but in 3.1 my base map tool widget is two columns and in 3.3 it changes to one column and the icon get bigger...not as clean looking.

What changed on me from 3.1 to 3.3?

Thanks
Christine

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.