Embedded Content in Dashboard

2989
4
Jump to solution
10-24-2019 07:55 AM
IrenaHouseholder
New Contributor II

I am trying to include the web page copied below as an Embedded Content element in my dashboard. In the Configure window, under Data Options, I chose Document and pasted the URL in the URL box. Nothing is being displayed in the content window. What could be the issue here?? Thanks!

https://www.windy.com/?26.261,-79.915,8 

0 Kudos
1 Solution

Accepted Solutions
DerekLaw
Community Moderator

Hi Irena,

Just to add onto Eric's post, you would simply extract the URL from the HTML code; so from his example, simply use

https://embed.windy.com/embed2.html?lat=33.358&lon=-111.764&zoom=7&level=surface&overlay=wind&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=33.355&detailLon=-111.763&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0">

(basically remove the iframe tags)
-----------------------------------------------------------------------
You can generate the HTML code directly from the Windy.com site:
1. Click the share button next to their search bar



2. Then click weather radar or Animated map



3. You can copy the HTML code from the lower left of the dialog



Hope this helps,

View solution in original post

4 Replies
AdrianWelsh
MVP Notable Contributor

Irena, 

This likely has to do with how the URL is configured. I'm guessing that having commas in the URL is causing the issue (that or maybe negative signs). You likely will need to set up a URL parameter that includes those coordinates which will eventually get tacked on to the back of the root URL.

URL parameters—Operations Dashboard for ArcGIS | Documentation 

Make your Dashboards more Dynamic using URL Parameters 

I'm tagging Derek Law‌ and Sandra Luken‌ on this to make sure.

EricShreve
Occasional Contributor II

Irena Householder‌ You will need to configure the Windy.com content to a web server. Check out the example HTML Code that I have below.

<iframe width="100%" height="100%" src="https://embed.windy.com/embed2.html?lat=33.358&lon=-111.764&zoom=7&level=surface&overlay=wind&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=33.355&detailLon=-111.763&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>
DerekLaw
Community Moderator

Hi Irena,

Just to add onto Eric's post, you would simply extract the URL from the HTML code; so from his example, simply use

https://embed.windy.com/embed2.html?lat=33.358&lon=-111.764&zoom=7&level=surface&overlay=wind&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=33.355&detailLon=-111.763&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0">

(basically remove the iframe tags)
-----------------------------------------------------------------------
You can generate the HTML code directly from the Windy.com site:
1. Click the share button next to their search bar



2. Then click weather radar or Animated map



3. You can copy the HTML code from the lower left of the dialog



Hope this helps,
IrenaHouseholder
New Contributor II

This worked, thank you all!!