Question

I’m trying to create a map using gmap3.net plugin with Jquery, the script should then monitor it for movement and if any is seen run xml update based on current location & radius ( proximity ) of the viewable map.

I’ve also had to put in a resize check as this is been used in a single html5 page hidden at first so I’m seeing the map in one tile until you refresh the view…..

All that said I’m running in to a problem around line 75 character 5 ( marked ) with the dev console saying SCRIPT16386: No such interface supported.I would appreciated it if some one can see where I am going wrong as I’m still trying to learn the formatting of this plugin as well as jquery and a few other things too for this app and I think I’m starting to go code blind lol…..

   var mylatLng = new google.maps.LatLng();
    $(this).gmap3({action:'trigger', name:'resize'});
jQuery.noConflict(); jQuery(document).ready(function(){  
//MAP ZOOM (0 to 20)
var zoomLevel = 10,
    gMap = jQuery("#map_canvas"),
//iPad,iPhone,iPod... 
deviceAgent = navigator.userAgent.toLowerCase(),
iPadiPhone = deviceAgent.match(/(iphone|ipod|ipad)/);

//iPad Stuff
if (iPadiPhone) {
    //ADD MAP CONTROLS AND POST ARROWS
    // jQuery("#footer").prepend('<div class="markerNav" title="Prev"    id="prevMarker">&lsaquo;</div><div id="markers"></div><div class="markerNav" title="Next" id="nextMarker">&rsaquo;</div><div id="mapTypeContainer"><div id="mapStyleContainer"><div id="mapStyle" class="satellite"></div></div><div id="mapType" title="Map Type" class="satellite"></div></div>');
} else {//IF NOT iPad
    jQuery('#zoomIn').live('click',function(){
        zoomLevel += 1;
        gMap.gmap3({action: 'setOptions', args:[{zoom:zoomLevel}]});
    });
    jQuery('#zoomOut').live('click',function(){
        zoomLevel -= 1;
        gMap.gmap3({action: 'setOptions', args:[{zoom:zoomLevel}]});
    });
    //ADD MAP CONTROLS AND POST ARROWS
    //jQuery("#footer").prepend('<div class="markerNav" title="Prev" id="prevMarker">&lsaquo;</div><div id="markers"></div><div class="markerNav" title="Next" id="nextMarker">&rsaquo;</div><div id="mapTypeContainer"><div id="mapStyleContainer"><div id="mapStyle" class="satellite"></div></div><div id="mapType" title="Map Type" class="satellite"></div></div><div class="zoomControl" title="Zoom Out" id="zoomOut"><img src="images/zoomOut.png" alt="-" /></div><div class="zoomControl" title="Zoom In" id="zoomIn"><img src="images/zoomIn.png" alt="+" /></div>');
}    
    // jQuery('body').prepend("<div id='target'></div>");

    gMap.gmap3({ 
        action: 'init',
        onces: {
          bounds_changed: function(){
            var number = 0;
            jQuery(this).gmap3({
              action:'getBounds', 
              callback: function (){
              if (!bounds) return;
                // Get Gmap radius / proximity start
                var bounds = new google.maps.LatLngBounds();
                var sw = bounds.getSouthWest(); 
                var ne = bounds.getNorthEast();
                var proximitymeterswne = google.maps.geometry.spherical.computeDistanceBetween (sw, ne);
                var proximity = proximitymeterswne * 0.000621371192;
                // Get Gmap radius / proximity End
              }
            });
          }
        } 
      },{ 
        action: 'setOptions', args:[{
            zoom:zoomLevel,
            scrollwheel:true,
            disableDefaultUI:false,
            disableDoubleClickZoom:false,
            draggable:true,
            mapTypeControl:true,
            panControl:true,
            scaleControl:true,
            streetViewControl:true,
            zoomControl:true,
            //MAP TYPE: 'roadmap', 'satellite', 'hybrid'
            mapTypeId:'roadmap'
        }]
    });
});
// PROBLEM WITH THE FOLLOWING LINE
        $(function(){
// PROBLEM WITH THE ABOVE LINE
            $("#map_canvas").gmap3(
                {
                    action : 'geoLatLng',
                    callback : function(latLng){
                        if (latLng){
                            //$('#resultat-geolocalisation').html('sucess !');
                            $(this).gmap3({action:'trigger', name:'resize'});
                            $(this).gmap3(
                                {
                                action: 'addMarker',
                                latLng:latLng,
                                options:{
                                        icon:new google.maps.MarkerImage("2.png")
                                        },
                                callback: function (){
                                  if (!bounds) return;
                                    // Get Gmap radius / proximity start
                                    var bounds = new google.maps.LatLngBounds();
                                    var sw = bounds.getSouthWest(); 
                                    var ne = bounds.getNorthEast();
                                    var proximitymeterswne = google.maps.geometry.spherical.computeDistanceBetween (sw, ne);
                                    var proximity = proximitymeterswne * 0.000621371192;
                                    // Get Gmap radius / proximity End
                                  },                                                                                      
                                },                                      
                                { action: 'addTrafficLayer'},
                                { 
                                  action: 'addKmlLayer',
                                  url: 'http://www.mykml', 
                                  options:{
                                    suppressInfoWindows: true,
                                    preserveViewport: false
                                  }
                                }
                            );
                        } else {
                            //$('#resultat-geolocalisation').html('cant geolocate!');
                            alert('Location Not Found');
                        }
                    }
                }
            );
        });

Answer 1

I ran this through Netbeans and found a duff , for any one following.

Terran