Question

I wrote a google map lookup page. Everthing worked fine until I referenced the page to use a master page. I removed the form tag from the master page as the search button on the map page is a submit button. Everything else on my page appears but the google map div appears with map navigation controls and logo but no map visuals appear.

I retested with the previous, non master page version and the map appears correctly. Any thoughts on what I’m missing?

Answer 1

Please view below Code and let me know its useful …

MasterPage Code ( GMap.master page)

< body onload='initialize()'  onunload='GUnload()'  >   < form id='form1' runat='server' >     < div >         < asp:contentplaceholder id='ContentPlaceHolder1' runat='server' >         < /asp:contentplaceholder >     < /div >     < /form > < /body >   

GMatTest.aspx Page which is used GMap.Master page

< %@ Page Language='C#' MasterPageFile='~/MasterPages/GMap.master' AutoEventWireup='true'     CodeFile='GMapTest.aspx.cs' Inherits='GMapTest' Title='Google Map Page' % >   < asp:Content ID='Content1' ContentPlaceHolderID='ContentPlaceHolder1' runat='Server' >       < script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=< % = AppConfig.GoogleMapApiKey % >'         type='text/javascript' >< /script >      < script type='text/javascript' >      var map = null;     var geocoder = null;     var latsgn = 1;     var lgsgn = 1;     var zm = 0;      var marker = null;          function initialize()      {       if (GBrowserIsCompatible())        {        var latitude=  '';        var longitude= '';         map = new GMap2(document.getElementById('map_canvas'));            var center = new GLatLng(0,0);          map.setCenter(center, 17);           map.addControl(new GLargeMapControl());         map.addControl(new GScaleControl());         map.enableScrollWheelZoom();          map.addControl(new GMapTypeControl());          map.enableDoubleClickZoom();           marker = new GMarker(center,{draggable: true});           geocoder = new GClientGeocoder();          GEvent.addListener(marker, 'dragend', function() {         var point = marker.getLatLng();          marker.openInfoWindowHtml('Latitude: ' + point.y + '< /br > Longitude: ' + point.x  );       });         GEvent.addListener(marker, 'click', function() {         var point = marker.getLatLng();                });           map.addOverlay(marker);         GEvent.trigger(marker, 'click');          if (latitude  > 0 &&  longitude  > 0)         {         }         else         {                     showAddress();          }       }      } 

Below porsion is continue so please copy it also

function showAddress()  {      var isAddressFound=false;        var companyAddress = '';        var address='satyam mall, vastrapur, ahmedabad, gujrat, india';        if (geocoder)        {            geocoder.getLatLng(address,function(point) {                                 if (!point) {                               alert(address + ' not found');                                 } else {                                   isAddressFound =true;                                map.setCenter(point,17);                                zm = 1;                                marker.setPoint(point);                                GEvent.trigger(marker, 'click');                                }                            }            );      //If address not found then redirect to company address       if(!isAddressFound)      {               geocoder.getLatLng(companyAddress,          function(point) {           if (!point) {           } else {             isAddressFound =true;          map.setCenter(point,17);          zm = 1;          marker.setPoint(point);          GEvent.trigger(marker, 'click');          }          }          );      }  } } < /script >  < div id='map_canvas' style='width: 100%; height: 425px' > < /div > < /asp:Content >