Error loading google maps, insecure content, jQuery for google map

HI
I have a big map on the page below with lots of links to other pages. It looks like there is a jquery error when the page loads, and the map is a little flickery and it’s giving me some errors in the inspector:

You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

http://www.andesworldtravel.com/:1023 A parser-blocking, cross site (i.e. different eTLD+1) script, https://maps.google.com/maps/api/js?v=3.31&key=AIzaSyCAFgHY_Hsa-1qemzuo32fA3lOmBzrdQ5M&language=en_US&libraries=places,visualization, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

Mixed Content: The page at ‘https://www.andesworldtravel.com/destination-map/?
preview_id=23319&preview_nonce=fb8e7a7f24&_thumbnail_id=-1&preview=true’ was loaded over HTTPS, but requested an insecure image ‘http://andesworldtravel.com/wp-content/uploads/2015/06/Climbing-Bolivia-Sajama-Volcano-6588-m-JCG-80×80.jpg’. This content should also be served over HTTPS.

can you take a look? I am at present using a plugin to catch the insecure content, but would like to have a more permanent fix.
thanks for your help
Nancy

• This topic was modified 6 years, 2 months ago by Munford.