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; } } }

infoWindow stopped Working after we changed JSAPI to version 3.3.

AkbarEhsan

Hi,

We have been trying to migrate to Cloud version of ArcGIS maps using Feature Layer.

Campus Map : IUPUI : Indianapolis

We had to change the JSAPI referenced to resolving the Zooming issue.
<script type="text/javascript" src="//serverapi.arcgisonline.com/jsapi/arcgis/?v=3.3"></script>

From

Now all our menu option at the top like Link, Print View, Measure, Label etc do not work.

I am a newbie to ArcGIS who inherited a complex API. So, please let me make sense of how we can make it work. For example, if you click Link on this page, it pops open an infoWindow with a URL to link to here:

Campus Map : IUPUI : Indianapolis

But it does not happen in the modified version with jsapi version 3.3.

Actually Draw, Label and Measure tools also do not work.

Please help.

Thanks,

Akbar

Trouver plus de publications taguées avec

Accepted answers

All comments

YueWu1

Hi Akbar,

Basically you need to use your browser developer tool to debug the issue once you change the api to 3.3.

There are two things you can start with,

1. Check our online documentation What's new in Version 3.3 | Guide | ArcGIS API for JavaScript to make sure if there is new changes in a new version of api.

For example, you want to make sure that Esri JavaScript css file match the verison as well, for example:

2. If it is possible, you should change the api version to the latest version 3.16 and you need to migrate the code from legacy mode to AMD module.

As of version 3.4 of the ArcGIS API for JavaScript, all Esri modules are written in the AMD style using define() and dojo/_base/declare. For more, information, you can check this document: Dojo and AMD | Guide | ArcGIS API for JavaScript

Hope this can help.

AkbarEhsan

Hi Yue,

I am very new to ArcGIS API. I have changed the CSS to match the JSAPI version. That did not resolve my issues.

But I am not sure what I need to fix the Link, Print View etc at the top.

I think I have changed my API to 3.3. And I do not see any errors in Console.

For example, if you look in the Console in Chrome, you will notice that console.log does generate the content that should have gone in infoWindow. But the infoWindow does not show. Here is the code of my Generate function:

function generateURL() {

/*Generate a URL from current map view including map center point, zoom level and visible layers

The actual size of the map is not recorded because it sizes itself to the browser window */

// Get bounding box and derive coordinates of center point

newLoc = buildLink();

// Generate the info window to report the new url

var s1 = "<h4 style=\"color: white\">Copy the text below for a link to this view.</h4>";

var s2 = "<textarea rows='4' cols='45' id='linktxt' name='linktxt'>" + newLoc + "</textarea>";

var s3 = "<br/><a href=\"" + newLoc + "\"" + "target=\"_blank\" style=\"color: white\">" + "Click here to open this view in new tab" + "</a>";

var content = s1 + s2 + s3;

var screenpoint = new esri.geometry.Point(625, 0); //This line sets the screenpoint

console.log(content, screenpoint);

dojo.addClass(map.infoWindow.domNode, "myTheme");

map.infoWindow.setTitle("Link to this view:");

map.infoWindow.setContent(content);

map.infoWindow.resize(400, 200);

map.infoWindow.show(screenpoint); //This line determine where the infoWindow will display

} //End of generateURL()

Can you, please, give an example?

Thanks,

Akbar

YueWu1

I can't access to test with your application with 3.3 version since this application is still on 3.2.

This is definitely a good start to lean how to code and debug for JavaScript API.

You can setup some breakpoints in the code and try to compare before and after upgrade to 3.3, this can help you narrow down the issue or find which line of code is not working.

Debugging JavaScript - Google Chrome

AkbarEhsan

Hi Yue,

Are you not able to get to this page:
Campus Map : IUPUI : Indianapolis

I am surprised. It is on port 80 and should be open.

Thanks,

Akbar

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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