Thanks to Dinos comment above i have now resolved this issue.

I have manually changed the url address to the format he has proivided, this then asked for cs50 authentication and connected correctly.

Thanks to Dinos comment above i have now resolved this issue.

It turns out i was logged into the CS50 IDE under cloud9.

When running flask this produced a ulr: "http://ide50-USERNAME.c9users.io:8080/"

I first manually changed this to "https://ide50-USERNAME.cs50.io:8080/" and the map would run correctly, however. Flask would still give me the incorrect ulr and i would have to manually override this.

The next time I logged into the IDE I noticed the ulr started with "ide.c9.io". I now log into the IDE using "https://ide.cs50.io/username/ide50" and flask produces a link that connects to google maps correctly.

Hope this helps anyone else with this issue.