hi all, I'm using Javascript 4.1 for the first time and just trying create a very basic web scene with my own image service overlain on the default world elevation layer. The world elevation layer shows up fine but my own image service (added as an ImageryLayer) isn't visible. I get an error "ERR_CONNECTION_RESET" for the ImageryLayer url line of code. Apparently for some reason it can't access the service. But it was accessible and visible from the Javascript viewer on the REST page. Wondering if it might be a problem with my coding (below). Thanks! script > require ( [ "esri/Map" , "esri/views/SceneView" , "esri/layers/ImageryLayer" , "dojo/on" , "dojo/dom" , "dojo/domReady!" ] , function ( Map , SceneView , ImageryLayer , on , dom ) { // Create inundation layer and add to the map var floodLayer = new ImageryLayer ( { url : " http://mobjack.vims.edu/arcgis/rest/services/VIMS_CCRM/Poquoson_3D_Test/ImageServer " , } ) ; // Create the Map var map = new Map ( { basemap : "topo" , ground : "world-elevation" , layers : [ floodLayer ] } ) ; // Create the MapView var view = new SceneView ( { container : "viewDiv" , map : map , camera : { position : [ - 76.407 , 37.149 , 1346 ] , heading : 300 , tilt : 60 } } ) ; } ) ; / script >

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

Problem adding an image service to a web scene

DanielSchatt

hi all, I'm using Javascript 4.1 for the first time and just trying create a very basic web scene with my own image service overlain on the default world elevation layer. The world elevation layer shows up fine but my own image service (added as an ImageryLayer) isn't visible. I get an error "ERR_CONNECTION_RESET" for the ImageryLayer url line of code. Apparently for some reason it can't access the service. But it was accessible and visible from the Javascript viewer on the REST page. Wondering if it might be a problem with my coding (below). Thanks!

&nbsp; <SPAN class="operator token"><</SPAN>script<SPAN class="operator token">></SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="token function">require</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"esri/Map"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"esri/views/SceneView"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"esri/layers/ImageryLayer"</SPAN><SPAN class="punctuation token">,</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"dojo/on"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"dojo/dom"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"dojo/domReady!"</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>Map<SPAN class="punctuation token">,</SPAN> SceneView<SPAN class="punctuation token">,</SPAN> ImageryLayer<SPAN class="punctuation token">,</SPAN> on<SPAN class="punctuation token">,</SPAN> dom<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// Create inundation layer and add to the map</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> floodLayer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">ImageryLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fmobjack.vims.edu%2Farcgis%2Frest%2Fservices%2FVIMS_CCRM%2FPoquoson_3D_Test%2FImageServer" target="_blank">http://mobjack.vims.edu/arcgis/rest/services/VIMS_CCRM/Poquoson_3D_Test/ImageServer</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// Create the Map</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> map <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemap<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"topo"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ground<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"world-elevation"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layers<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>floodLayer<SPAN class="punctuation token">]</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// Create the MapView</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> view <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SceneView</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; container<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"viewDiv"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map<SPAN class="punctuation token">:</SPAN> map<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; camera<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">76.407</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">37.149</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1346</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; heading<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">300</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; tilt<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">60</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>script<SPAN class="operator token">></SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Trouver plus de publications taguées avec

Accepted answers

kenbuja

When I insert that service into the ImageryLayer sample, it also errors out. However, I'm getting the errors

Blocked loading mixed active content “http://mobjack.vims.edu/arcgis/rest/info?f=json”
/4.2/ (line 137, col 143)
Blocked loading mixed active content “http://mobjack.vims.edu/arcgis/rest/services/VIMS_CCRM/Poquoson_3D_Test/ImageServer?f=json&callback=dojo.io.script.jsonp_dojoIoScript1._jsonpCallback”

which may be due to the fact that the sandbox is https while your service is http (but not https)

All comments

DanielSchatt

thanks for the help, Ken and Bjorn!

BjornSvensson

Correct Ken Buja, that service doesn't support https (which is required in the sandbox).
dschall : It works fine if you try it at http://jsbin.com/sohigiqohu/edit?html,output

kenbuja

When I insert that service into the ImageryLayer sample, it also errors out. However, I'm getting the errors

Blocked loading mixed active content “http://mobjack.vims.edu/arcgis/rest/info?f=json”
/4.2/ (line 137, col 143)
Blocked loading mixed active content “http://mobjack.vims.edu/arcgis/rest/services/VIMS_CCRM/Poquoson_3D_Test/ImageServer?f=json&callback=dojo.io.script.jsonp_dojoIoScript1._jsonpCallback”

which may be due to the fact that the sandbox is https while your service is http (but not https)

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.