Discussion Forums
Discuss all things Ruby on Rails with perhaps the web's most vibrant group of Ruby on Rails enthusiasts.
- Topic List
- Most Recent Posts
- Sign In for more options
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
1 Post
