topic Re: Drawing on ArcGIS map using Javascript in ArcGIS JavaScript Maps SDK Questions

Drawing on ArcGIS map using Javascript

RoufKhan — Fri, 17 May 2013 18:28:23 GMT

Dear Techies:

I am a web developer with negligible knowledge of GIS. I have been assigned a task of developing a webpage where map from clients ArcGIS server will be displayed. User should be able to draw lines, arcs , circles , points and paths on it and later save it as an image.

For development purpose, I received some shape files from the task assigner which I published at ESRI by creating a Global Account. The same can be viewed at http://bit.ly/11KIfJd or http://www.arcgis.com/home/webmap/viewer.html?webmap=0e0a77165518468198248c5663dfe8ee&extent=49.8832,26.3824,50.2382,26.5551

While browsing through the examples of http://help.arcgis.com/en/webapi/javascript/arcgis/jssamples/, I found javascript code example which can provide me all the required functionality. The examples show OpenStreetMaps. Now when I try to replace the code urls from OpenStreetmap urls to the above urls (http://bit.ly/11KIfJd or http://www.arcgis.com/home/webmap/viewer.html?webmap=0e0a77165518468198248c5663dfe8ee&extent=49.8832,26.3824,50.2382,26.5551
),nothing is displayed.

If you can help me in this regard, that will be highly appreciated.

Regards

Re: Drawing on ArcGIS map using Javascript

JohnGravois — Mon, 20 May 2013 14:47:05 GMT

if you need to support redline sketches that only need to be printed (not saved as GIS data), you should be able to get away with just using the printTask (which relies on ArcGIS Server 10.1)

Re: Drawing on ArcGIS map using Javascript

JohnGravois — Mon, 20 May 2013 14:54:29 GMT

in re-reading your thread i think i understand now that you were attempting to substitute a webmap in a sample application that was previously relying on a map service. those two things are not interchangeable.

the sample application i linked to above is still relevant, but if you would like to load in your content as a webmap (instead of using the urls of the services themselves), it might be handy to take a look at this example to see how a webmap can be loaded in a custom JS app using its ID.

Re: Drawing on ArcGIS map using Javascript

RoufKhan — Mon, 20 May 2013 16:57:20 GMT

Thank you John for taking your time. You have reached the heart of my problem.

I uploaded my map at

http://www.arcgis.com/home/webmap/embedViewer.html?webmap=0e0a77165518468198248c5663dfe8ee&extent=49.6625,26.1811,50.4823,26.6147

Looking at the url , it seems that the id of this map is 0e0a77165518468198248c5663dfe8ee

Now, going to the script you advised for

Replacing the line

var mapDeferred = esri.arcgis.utils.createMap("4778fee6371d4e83a22786029f30c7e1", "map");

with

var mapDeferred = esri.arcgis.utils.createMap("0e0a77165518468198248c5663dfe8ee", "map");

, I was expecting happy coding ahead, but it only kept the worries intact! Blank Screen! No output.

Your further kind help will be highly appreciated.

Regards
RAK

Re: Drawing on ArcGIS map using Javascript

VinayBansal — Tue, 21 May 2013 02:54:14 GMT

ID of the webmap you are using is shared as Public or have restricted access to the user. If it has a restricted access then you need to supply the token.
http://help.arcgis.com/en/webapi/javascript/arcgis/jshelp/ags_secureservices.html

Re: Drawing on ArcGIS map using Javascript

RoufKhan — Thu, 23 May 2013 06:29:04 GMT

Thanks for the reply

It is shared with Everyone(Public).
I created a public account on argcis.com and uploaded the shapefiles there.

Regards

Re: Drawing on ArcGIS map using Javascript

JianHuang — Thu, 23 May 2013 18:28:41 GMT

Replacing the webmap ID on the sample should work. Make sure you have used the correct path for importing the css:
<link rel="stylesheet" href="css/layout.css">