Profound Logic Forums

I have a web application where one of the page displays a map in an iframe. The map is rendered by using an HTML document which uses a JavaScript Maps SDK library provided by a third party mapping services vendor.

All we need to do is to include a link to their JavaScript API CDN as below to render the map:

<link rel="stylesheet" href="https://maps-sdk.greenmaps.com/v2/greenmaps-2.2.0.css" />
<script src="https://maps-sdk.greenmaps.com/v2/green ... "></script>
This was working fine as required but abruptly stopped working and the map is no longer rendered.

I can see the below error in the chrome inspector. This was not coming up when the map was working:

WebSocket connection to 'wss://transportation.greenmaps.com:53729/' failed: Error in connection establishment: net::ERR_CONNECTION_TIMED_OUT
One more additional thing to note is that the html document renders the map as required when saved and opened as a stand alone HTML file locally.

The only logical thing I can think of is that some sort of "blocking" was done in the server which hosts the application that is restricting its access to the map service provider server.

A further inspection in chrome shows an error in the below line of code:

var ws=new WebSocket(protocol+'://'+hostname+':'+"53729"+'/')
The error shown here is that the connection timed out.

I am not sure what number 53729 represents.

Can someone give ideas on what might have happened and how this might be resolved? Kindly let me know if more details are required.

The number 53729 appears to be a port number.

The net::ERR_CONNECTION_TIMED_OUT error means that its trying to make a connection, but is timing out. Common reasons for this would be:

1. The network is down
   The server is down
   A firewall is blocking access
   Misconfigured routing is blocking the ability to send data to the host