Try it live - Basemap garbled (Description and Solution)

JensBuchta — Sun, 12 Dec 2021 09:20:46 GMT

Just in case, anyone trying the most basic sample and seeing a corrupt basemap, here's an explanation and the solution.

Steps to reproduce

Use a recent version of Chrome or Firefox (other browsers not tested)
Navigate to https://notebooks.esri.com
Create a new notebook (New -> Python 3)
Enter the following script code

from arcgis.gis import *
gis = GIS()
gis.map()‍‍‍

Run the cell (<Ctrl-Enter>)
The result looks similar to this:

Explanation

The notebook is running on an https (secured) connection. However, as we didn't authenticate to ArcGIS Online, we're getting the tiles (and some .js-code) from an http (non-secured) connection. Chrome and Firefox block that unsecured JavaScript code.

Workaround 1

Instead of using the secured https connection, use http://notebooks.esri.com instead. As everything will be loaded without encryption, Chrome / Firefox are happy with that.

However: If you change your script to an authenticated AGOL-Session, you will send your username / password in plain-text through the net!

Workaround 2

Both Chrome and Firefox have the option to explicitly allow loading unsecure content. In Chrome, there's a small icon on the right, in Firefox, it's right beside the https-indicator.

Re: Try it live - Basemap garbled (Description and Solution)

BillMajor — Wed, 12 Apr 2017 10:14:46 GMT

Thanks for the feedback. This has now been corrected. You should now be able to use https:// without needing a workaround.

topic Re: Try it live - Basemap garbled (Description and Solution) in ArcGIS API for Python Questions

Try it live - Basemap garbled (Description and Solution)

Re: Try it live - Basemap garbled (Description and Solution)