Welcome to Working With Rails

 

Discussion Forums

Discuss all things Ruby on Rails with perhaps the web's most vibrant group of Ruby on Rails enthusiasts.
googlemap displaying partially in facebox
1 Post
googlemap displaying partially in facebox

Hi, I got the problem with displaying googlemap on facebox. Let me show mycode Layout code: user_layout.html

i have mentioned below js files in layout

    The Deals Point

        <!--[if IE 7]><%= stylesheet_link_tag '/stylesheets/css_ie7.css'%><![endif]-->
        <!--[if IE 8]><%= stylesheet_link_tag '/stylesheets/css_ie8.css'%><![endif]-->

show.html

', '');

            var settings = {
                zoom: 15,
                center: latlng,
                mapTypeControl: true,
                mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                navigationControl: true,
                navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                mapTypeId: google.maps.MapTypeId.ROADMAP};
            var map = new google.maps.Map(document.getElementById("map_canvas_small"), settings);
        ""  
            var contentString = '<div id="content">'+
                '<div id="siteNotice">'+
                '</div>'+
                '<div id="bodyContent">'+
                "<p></div>'+
                '</div>';
            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var companyImage = new google.maps.MarkerImage('images/logo.png',
                new google.maps.Size(100,50),
                new google.maps.Point(0,0),
                new google.maps.Point(50,50)
            );

            var companyPos = new google.maps.LatLng('', '');

            var companyMarker = new google.maps.Marker({
                position: companyPos,
                map: map,
                title:"",
                zIndex: 3});

        google.maps.event.addListener(companyMarker, 'click', function() {
                infowindow.open(map,companyMarker);
            });
        ""
        }
Clickhere to see in Largemap

largemap.html

', '');

            var settings = {
                zoom: 15,
                center: latlng,
                mapTypeControl: true,
                mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR},
                navigationControl: true,

                navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                mapTypeId: google.maps.MapTypeId.ROADMAP};
            var map = new google.maps.Map(document.getElementById("map_canvas_large"), settings);

        ""  
                    var contentString = '<div id="content">'+
                '<div id="siteNotice">'+
                '</div>'+
                '<div id="bodyContent">'+
                "<p></p>"+
                '</div>'+
                '</div>';
            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var companyImage = new google.maps.MarkerImage('images/logo.png',
                new google.maps.Size(100,50),
                new google.maps.Point(0,0),
                new google.maps.Point(50,50)
            );

            var companyPos = new google.maps.LatLng('', '');

            var companyMarker = new google.maps.Marker({
                position: companyPos,
                map: map,
                title:"",
                zIndex: 3});

        google.maps.event.addListener(companyMarker, 'click', function() {
                infowindow.open(map,companyMarker);
            });
        ""
        }
Locations "0",:align=>"top",:title=>"close",:class=>"close_image")%>
--------------------------------------------------- Initially i was on show page ,when i click on "facebox link" i got the facebox pop called largemap.html.But it's displying hlaf part only in whole div Here when am resizing my firefox browser this map displying fully.Am not getting when this isse will occur Can anybody help me please
Person
Forum Rating: 50
Sign In To Rate Post
1 Post
Login to add your message