Plugin conflict with theme Flatsome

Are you using an external plugin to display Google map or an iframe from Google? if this is a plugin it means for a conflict between the two. Try using another map plugin to check this issue

its javascript not a plugin
https://www.oystersatellite.com/contact/ note your plugin is disabled atm

Is this JS coming directly from Google? Can you share the code

<script type=”text/javascript”>
jQuery( document ).ready(function() {
function initialize() {
var styles = {
‘flatsome’: [{
“featureType”: “administrative”,
“stylers”: [
{ “visibility”: “on” }
]
},
{
“featureType”: “road”,
“stylers”: [
{ “visibility”: “on” },
{ “hue”: “#58728a” }
]
},
{
“stylers”: [
{ “visibility”: “on” },
{ “hue”: “#58728a” },
{ “saturation”: -30 }
]
}
]};

var myLatlng = new google.maps.LatLng(50.63086, -3.37874);
var myOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
mapTypeId: ‘flatsome’,
draggable: true,
zoomControl: false,
zoomControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
// panControl: false,
// panControlOptions: {
// position: google.maps.ControlPosition.TOP_LEFT
// },
mapTypeControl: false,
mapTypeControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
// scaleControl: false,
// scaleControlOptions: {
// position: google.maps.ControlPosition.TOP_LEFT
// },
streetViewControl: false,
streetViewControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
// overviewMapControl: false,
// overviewMapControlOptions: {
// position: google.maps.ControlPosition.TOP_LEFT
// },
scrollwheel: false,
disableDoubleClickZoom: true
}
var map = new google.maps.Map(document.getElementById(“map-1004891201-inner”), myOptions);
var styledMapType = new google.maps.StyledMapType(styles[‘flatsome’], {name: ‘flatsome’});
map.mapTypes.set(‘flatsome’, styledMapType);

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:””
});
}

google.maps.event.addDomListener(window, ‘load’, initialize);
google.maps.event.addDomListener(window, ‘resize’, initialize);
});
</script>

<div class=”google-map relative mb” id=”map-1004891201″>
<div class=”map-height” id=”map-1004891201-inner”></div>
<div id=”map_overlay_top”></div>
<div id=”map_overlay_bottom”></div>
<div class=”map_inner map-inner last-reset absolute x95 y95″>

<h3>7 Thorntree Units. Liverton Business Park. Exmouth. Devon. EX8 2NX<br />
0845 8698940</h3>
<p><span style=”color: #d83131;”>Please Phone to check stock availability if wishing to collect</span></p>
<p>We’re open Monday – Friday, 08:30 – 17:00</p>
</div>

<style scope=”scope”>

#map-1004891201 .map-height {
height: 400px;
}
</style>
</div><!– .map –>

What is generating this script? Do you have a link?

yes its this page https://www.oystersatellite.com/contact/

Sorry I was not clear. Where did you get this script from?

https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319

So it is coming from a plugin….It means there is a conflict. We can not fix 3rd party plugins I am afraid. We can support plugins which are popular on www.remarpro.com but we can not do the same with themeforest