How to solve Google map conflict with other jQuery plugins?


Staff member
I'm building wordpress website and I added Google map using this code

<script type='text/javascript' src=''></script>
<script type='text/javascript' src=''></script>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
    var mapdiv = jQuery("#responsive_map_1932889777");
      maptype: google.maps.MapTypeId.ROADMAP,
      zoom: 17,
      markers: [{
                    address: '1 Hermann Park Ct #634 Houston, Texas 77021', 
                    html:'<img src=\'\' width=\'100px\'><br><br /> 1 Hermann Park Ct #634 <br/>Houston, Texas 77021',
                    popup: true,
                    flat: true,
                    icon: {    
                        iconsize: [100, 75],
                        iconanchor: null,
                        shadowsize: [50, 50],
                        shadowanchor: null}}],
      panControl: false,
      zoomControl: true,
      draggable: true,
      scrollwheel: true,
      mapTypeControl: false,
      scaleControl: false,
      streetViewControl: false,
      overviewMapControl: true,
      latitude: null,
      longitude: null     });
    window.onresize = function() {
        jQuery('.responsive-map').each(function(i, obj) {
            var gmap = jQuery(this).data('gmap').gmap;
            google.maps.event.trigger(gmap, 'resize');
  <div id="responsive_map_1932889777" class="responsive-map" style="height:450px;width:100%;"></div>

but when I add any other jQuery plugin I got error for map that Cannot read property 'gmap' of undefined . I suppose that there is conflict, but I don't know how to fix it.

For example I want to add those two plugins

<a href="" rel="nofollow"></a>
<a href="" rel="nofollow"></a>

What is the best way to solve those conflicts in WordPress or between plugins?