topic Re: beginner's question on Javascript API in ArcGIS JavaScript Maps SDK Questions

beginner's question on Javascript API

DanielSchatt — Thu, 05 Feb 2015 14:35:29 GMT

hi all, I'm trying to set up my very first web page using the Javascript API. Just copied and pasted the code from ESRI's "Build your first application" into a text editor, saved it as an .htm document (careful NOT to have a .txt suffix), and put in on my web server. But when I open that .htm file in my browser as a URL, it just displays the plain text of the code in the .htm file. It's not showing the map or reading/interpreting the HTML and Javascript code to get that content. So what am I missing here? Thanks for any help.

Dan

Re: beginner's question on Javascript API

ChrisSergent — Thu, 05 Feb 2015 14:36:50 GMT

Can you share the code you wrote? Also besides the suffix you should save file as type to all files. Some text editors default to text document and you don't want that.

Re: beginner's question on Javascript API

Venkata_RaoTammineni — Thu, 05 Feb 2015 14:38:35 GMT

Can you please share your code..

probable issues..

1. is your JS files are in right path ?

2. is your REST end point correct ?

Thanks,

Venkat

Re: beginner's question on Javascript API

JakeSkinner — Thu, 05 Feb 2015 14:39:23 GMT

Hi Dan,

Can you upload the htm file, or copy/paste the code you used? If you copy/paste, take a look at this post on how to do so in GeoNET:

Posting Code blocks in the new GeoNet

Re: beginner's question on Javascript API

DanielSchatt — Thu, 05 Feb 2015 14:39:52 GMT

thanks Chris. Here it is:

<!DOCTYPE html>

<html>

<head>

<title>Create a Map</title>

<style>

html, body, #mapDiv{

padding: 0;

margin: 0;

height: 100%;

}

</style>

var map;

require(["esri/map", "dojo/domReady!"], function(Map) {

map = new Map("mapDiv", {

center: [-56.049, 38.485],

zoom: 3,

basemap: "streets"

});

</script>

</head>

</body>

</html>

Re: beginner's question on Javascript API

ChrisSergent — Thu, 05 Feb 2015 14:42:48 GMT

I had no problems with your code. Are you opening it with a browser?

Re: beginner's question on Javascript API

DanielSchatt — Thu, 05 Feb 2015 14:45:23 GMT

yes, in both Firefox and IE. I assumed maybe I was leaving out some basic step, but apparently not...might be some setting I need to change in my browser?

Re: beginner's question on Javascript API

ChrisSergent — Thu, 05 Feb 2015 14:53:26 GMT

Here is exactly how you do it. I recorded my screen and explained it in this video:

Re: beginner's question on Javascript API

DanielSchatt — Thu, 05 Feb 2015 15:01:55 GMT

thanks Chris and everyone, got it!