Embeded Google map (iframe) not displaying correctly after jquery .fadeIn?

Hi,
I have created a popup window that displays a Google Map after a button is clicked. The map works fine if the popup window =display:block. But as soon as you give the popup window display:none and use jquery to display the window them map doesn't load correctly.
Any help would be great.
See jsfiddle for code.
This is what the map should look like after the "Venue" button is clicked using jquery fadeIn.
Thanks

Anakin-
I'm getting a decompression error when downloading your site.
you might try...
var container = sym.$("container");
var map = '<iframe width="'+container.width()+'" height="'+container.height()+'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=7120+Boul +St+Laurent,+Montreal,+QC,+Canada&aq=0&oq=7120+boul+st&sll=45.534114, - 73.617124&sspn=0.006907,0.016512&ie=UTF8&hq=&hnear=7120+Boulevard+Sai n t-Laurent,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Q u %C3%A9bec+H2S,+Canada&t=m&z=14&ll=45.534114,-73.617124&output=embed"></iframe>';
container.html(map);

Similar Messages

Google map data not displaying correctly in a spry collapsible panel

I created a spry collapsible panel into which I've put google map data. The map placed in the collapsible panel looks and functions OK but shows my location in the wrong place. I tested it by putting exactly the same google map elsewhere on my page and this time it displays my location correctly. Here is a link to my test page: http://www.cornucopia-design.co.uk/BatimTest/map3test.html . Mouse over the 'view our location' link to see the incorrectly located map. It places my location in the top left corner rather than in the centre. When you click on google's 'view larger map' links, they both then display the location identically. Anyone have any ideas about what's going on here? Is the coding for the collapsible panel doing something to the google code? I'm not a great code expert so any help would be greatly appreciated. Thanks

Hello, thank you for your helpful comments. At least I now won't waste any more time trying to get this to work if it just won't... I'll just have to display the map in another way.
Just a point about your suggestion of offsetting - I had thought of that but if I did that, when someone clicked on the map, they would be taken to the wrong place as, as I said, even though it displays incorrectly in my panel, the data IS correct and therefore correctly linked back to google maps.
Thanks anyway.

Map app not displaying correctly

I recently downloaded the most recent os 8.1.3 on my iphone 4s. Now the map app (apple default) doesn't display correctly. I only see the grid and my location dot in standard view, no street names or lines, no details whatsoever. This is affecting any app that uses the apple default (Zillow, trulia, etc). My husband has the exact same iphone 4s and he has the most current os and his map app works fine. I'm thinking that I should try to reload the most current os but since it is the most current, there doesn't seem to be an obvious way since all message are "you have the most current version". I could also try to download just the most recent version of the map app but since it is a default, I don't know how. Any suggestions?

Hi meedjmom,
If you are having issues with your Maps application not displaying correctly, you may want to try some things to troubleshoot.
First, quit all running applications and test again -
Force an app to close in iOS
Next, I would try restarting and if needed resetting the iPhone -
Restart or reset your iPhone, iPad, or iPod touch
If the issue is still present, you may want to restore the iPhone as a new device -
How to erase your iOS device and then set it up as a new device or restore it from backups
Thanks for using Apple Support Communities.
Best,
Brett L

When using the iPad 2 to browse the National Weather Service the embedded Google map can not accurately point to the correct location when tapped. Is there a solution?

For example, using the iPad to check various locations around Davis, ca on the NWS website, the embedded google map is grossly off location.
http://forecast.weather.gov/MapClick.php?CityName=Davis&state=CA&site=STO&textFi eld1=38.545&textField2=-121.739&e=1
Then, using the ipad, if I tap on Sacramento, I get a location to the southeast near Angel's Camp.
This problem occurs also on embedded map at summitpost.org. Same problem (Also a Google map). Tap on a point and it displays info of an area off of where I was looking.
Thanks!
-vernon
Same problem with iPhone. Use to work with an earlier version of Operating System.

The website may alter its page display based on the browser ID that is transmitted to the site from your browser. Some browsers on the iPad like iCab allow you change the browser ID to something desktop-oriented. Safari does not provide this capability.

Google web page not displaying correctly

Since updating to v24.0 of Firefox (desktop) the Google web page does not display correctly.
If I use the IE tab 2 in FF or even IE10, I see the pagwe in it's full 'glory' including the black menu bar across the top were you can select Gmail or Calendar etc etc
However, in FF (without using the IE Tab 2) this menu bar across the top of the page does not display ... and to add insult to injury ... some web links o certain pages don't seem to want to work either !!!!
Anyone know what's gone wrong here as I can't figure it out ?!?!?!
Thanks

Whenever my Google UI changes drastically, I clear all my Google cookies and usually that fixes it. Sometimes I have to do that AND restart Firefox.
If you haven't already tried it... When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
orange Firefox button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:
* right-click and choose View Page Info > Security > "View Cookies"
* Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove the site's cookies individually.
Then try reloading the page. Does that help?

ICloud status not displayed correctly after changing tags

Hi everybody,
I have just below 25 000 songs in the iTunes library that I use for iTunes Match (my complete library is actually much larger but I created a separate library to stay below the 25 000 songs limit).
After changing some tags in iTunes (I had some artists listed twice, once in the format "<last name>, <first name>" and once "<first name> <last name>" and wanted to harmonize this) the iCloud status of most of my songs is no longer displayed correctly. If I create a smart playlist containing all "matched" songs it finds only about 1000 songs, a playlist for "uploaded" songs contains only about 250 songs, the vast majority of my songs simply have NO iCloud status whatsoever (not even "waiting").
Trying to fix this, I selected all of my songs, option clicked and chose "Add it iCloud". After waiting some time, nothing changed. The funny thing is: iTunes match reports that 24 669 songs (the correct number) are available in iCloud.
So basically everything works and I am also able to download all of my songs on my iPhone. Still, it's a little bit annoying that the iCloud status is not displayed correctly and smart playlists filtering for iCloud status don't work. Does anybody know a way to fix this?
Thanks for any help,
Andreas

The reason why the C3850 switch stack is showing as standalone in LMS CiscoView is because
it's returning sysObjectID as standalone.
It should return as 1.3.6.1.4.1.9.1.1745 --cat38xxstack
While, if you poll it for sysObjectID, the Catalyst 3850 stack switches will be returning OID 1.3.6.1.4.1.9.1.1641.
This is an IOS bug "CSCul00003 - Incorrect Sys OID for Cat3850 Stack device".
Unless this bug is fixed, LMS will not be able to show it as stack device.
You can try to check if you can manually change the device identity to cat38xxstack from Inventory > add/edit device > edit identity.
Else we need to wait for the fix of this bug.
-Thanks
Vinod

Login action buttons no longer work and some pages not displaying correctly after upgrade.

After recent update, some web pages not displaying correctly and Login buttons on some sites do not work. I've updated my plugins and restarted computer, but problems remains. Is this Java, Javascript or something else? Same pages are working fine in IE.

Please update the firefox to the latest version of firefox 26
Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
<b> To Enable SafeMode </b>
*You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
* Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
[[Image:FirefoxSafeMode|width=520]]
''Once you get the pop-up, just select "'Start in Safe Mode"''
[[Image:Safe Mode Fx 15 - Win]]
If it works in Safe Mode and in normal mode with all extensions (Tools > Add-ons > Extensions) disabled then try to find which extension is causing it by enabling one extension at a time until the problem reappears.
Close and restart Firefox after each change via "Firefox > Exit" (Windows: Firefox/File > Exit; Mac: "Firefox > Quit Firefox"; Linux: "Firefox/File > Quit")
* https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Gradient fill not displayed correctly after applying a rotation angle

Hello,
I've created a rectangleframe and applied a gradient fill, and afterwards I have applied a rotation of -90 to the gradient fill. After the rotation the gradient does not display correctly anymore (after saving the document to .idml I've noticed that the property GradientFillLength was not recalculated after rotation). Is there a command to force the update or am I missing something? This problem occurs in InDesign CS3/CS4.
Thank you
UIDList targetList(m_SplineUIDRef);
InterfacePtr<ICommand> applyCmd(Utils<IGraphicAttributeUtils>()->CreateFillRenderingCommand(
gradientUid, &targetList, kTrue, kTrue));
CmdUtils::ProcessCommand(applyCmd);
InterfacePtr<ICommand> angleCmd(Utils<IGraphicAttributeUtils>()->CreateGradientFillAngleCommand(
gradientAngle, &targetList, kTrue, kTrue));
CmdUtils::ProcessCommand(angleCmd);

Thanks. I saw those threads but this is not that issue. I really think that this is a bug in the latest update for illustrator.

Blender do not display correctly after upgrading xorg

Yesterday, I do a pacman -Syu
and then found that blender do not display correctly.
The panels are not shown and the working area is cut into 2 halves of different colors.
Then I check /var/cache and found that some X components were upgraded.
My graphic card is ATi mobility Radeon 7500
Anybody can help?Thanks!

From the description, I seem to have exactly the same problem. My wm is dwm-4.0 and I grabbed some other info which may be useful:
[root@myhost ~]# Xorg -version
X Window System Version 7.2.0
Release Date: 22 January 2007
X Protocol Version 11, Revision 0, Release 7.2
Build Operating System: UNKNOWN
Current Operating System: Linux myhost 2.6.19-beyond #1 SMP PREEMPT Fri Dec 15 17:41:19 EST 2006 i686
Build Date: 08 April 2007
Before reporting problems, check http://wiki.x.org
to make sure that you have the latest version.
Module Loader present
[root@myhost ~]# blender -v
Blender 2.43
[root@myhost ~]# pacman -Qii xorg
Name : xorg
Version : 11R7.0-1
Groups : None
Packager : Arch Linux (http://www.archlinux.org)
URL :
License : None
Architecture : i686
Size : 4096
Build Date : Sat Feb 18 14:04:14 2006 UTC
Install Date : Wed Jul 26 22:39:07 2006 UTC
Install Script : Yes
Reason: : explicitly installed
Provides : None
Depends On : xf86-input-keyboard xf86-input-mouse xf86-video-vesa xorg-server xorg-server-utils xorg-xauth xorg-xinit xorg-xkb-utils
Required By : None
Conflicts With : None
Description : X.Org dummy package
[root@myhost ~]# pacman -Qii blender
Name : blender
Version : 2.43-3
Groups : None
Packager : Arch Linux (http://www.archlinux.org)
URL : http://blender3d.org
License : None
Architecture : i686
Size : 31041839
Build Date : Mon Mar 12 22:28:29 2007 UTC
Install Date : Thu Mar 22 05:45:42 2007 UTC
Install Script : Yes
Reason: : explicitly installed
Provides : None
Depends On : desktop-file-utils libjpeg libpng openexr python>=2.5 sdl
Required By : None
Conflicts With : None
Description : A fully integrated 3D graphics creation suite
Also, when I run blender from a term it says 'Compiled with Python version 2.5' (no error messages).
It has been a few days since I pacman -Syu'd, so I'll do that and report back if it fixes things.

Facebook social plugin of fan page feed not displaying correctly after upgrading to Firefox 17

Facebook fan page feed not displaying correctly since upgrading to Firefox 17. Code hasn't changed, and it still displays correctly in Internet Explorer. In Firefox 17, the background has gone grey so that the text is no longer visible, and photos of fans are no longer displayed at the bottom. (Issues occur on both my Dell PC/Windows Vista and my MacBook Pro.) Please advise.
**Issue seems to have resolved itself; I guess plugin developers caught up with Firefox update.**

Facebook fan page feed not displaying correctly since upgrading to Firefox 17. Code hasn't changed, and it still displays correctly in Internet Explorer. In Firefox 17, the background has gone grey so that the text is no longer visible, and photos of fans are no longer displayed at the bottom. (Issues occur on both my Dell PC/Windows Vista and my MacBook Pro.) Please advise.
**Issue seems to have resolved itself; I guess plugin developers caught up with Firefox update.**

Google maps is not displaying properly on firefox

I am in the process of building a website for a client and have included a google map on the contact page. The map displays correctly in ie, safari, opera, and chrome, but on firefox the map is way out of position on the page. Firefox seems to be ignoring the existence of the map in the flow of the page and the map is appearing to the left of the rest of the page content. Here is a link to the problem page, http://pennsylvania-hill.com/?page_id=6. The map is supposed to appear in a 980 x 320 space below the navigation bar and above the addresses and contact form. The only solution I can come up with is a firefox hack in the css. I'm hoping for a better solution.
Thanks,
Greg

[[Websites look wrong or appear differently than they should]]

Google maps are not rendering correctly. A work related site also gets messed up. I am forced to use IE.

There is too much white space. And, things are not where they used to be. On the work related site SharePoint looks weird. There are lines around things I did not expect. Also, I have a website that I publish. It looks fine with Firefox 3.6.3, but with 3.6.12 all the pictures are missing and spaces are not proportioned correctly.

There is too much white space. And, things are not where they used to be. On the work related site SharePoint looks weird. There are lines around things I did not expect. Also, I have a website that I publish. It looks fine with Firefox 3.6.3, but with 3.6.12 all the pictures are missing and spaces are not proportioned correctly.

EURO sign not displayed correctly after unicode migration

All,
Don't know where exactly to post this, in BI forum or Netweaver Platform.
But here is my question:
We have migrated our SAP BW 3.5 (NW04, SP20) system from codepage 1100 (using general fallback codepage 1160) to unicode UTF-8. After the conversion graphic reports (using internet explorer) do not show the euro sign correctly in the unicode system. In stead of the euro sign a # is shown in the internet explorer window. When looking at the source of the same web page however the euro sign is showed correctly.
When looking at the encoding of the web page it is mentioned that utf-8 is used...
Any ideas...?
Thanks,
Regards, Bart

Hi Manoj,
It is with displaying of graphical data that the error occurs. Text data (tables) on the same web page are shown normally, with the correct euro sign.
When I look at the source of the web page it looks that for the graphic a java script is being called:
/sap/bw/Mime/BEx/JavaScript/JSBW_C_Std.js
Withing the coding I see the euro sign normally, however in the graphical display this is converted to #.
I have run the suggested query. The database nls_characterset is set to UTF8.
Thanks,
Regards,
Bart

Last text block not displaying correctly after XML import.

Hi,
I have an .indd template (CS6) and script which imports XML and flows it into as many pages as it requires.
Occassionaly on the last page, the text doesn't display although it is all there and formatted correctly. Going in and out of preview mode doesn't change it.
If I click on the out port or resize the text box slightly, it displays and is fine from then on.
Any suggestions as to fixing it?
As always, many thanks in advance for any assistance.
Cheers,
Simon.

Hi Jeff,
Thanks for that. I get 'story is undefined' - how do I defined the story (autoflowed text)?
Sorry for the newbie question - vascilating between various projects at the moment.
Cheers,
Simon.

1080i video from a Canon HF200 not displaying correctly after iMovie/iDVD

I'm not a technical person, so pardon my lack of technical terms.
I recorded video with a Canon HF200 HD video recorder in 1080i. When I plug the camera into my TV via HDMI and watch the video, it's gorgeous.
When I export the video to iMovie it still looks fine ON THE SCREEN. Same in iDVD. When I burn the DVD and play it, it looks like CACA!!!! The video stops filling up the screen and creates a black band on the top and bottom of the video.
What am I doing wrong and how do I fix it? Would Final Cut Express 4 fix the problem and minimize the workarounds that I need to get HD video to display properly in iMovie?

in iDVD, instead of "Share to iDVD", Share to Media Browser, at the highest resolution, i think they call it "HD". That will import it into a .mov file (that now resides within the iMovie project file). Open up iDVD and open up Media browser then iMovie and you should fine that version there. Drag it into iDVD and make the DVD. The "share to iDVD" option looks like "caca". This version, while hardly HD, looks a LOT better and may be tolerable. DVD by definition, is a compression, I would not dummy down your camera, that could only make it worse. I'm not sure about the black lines. You exported it (from camera to iMovie) at the 16:9 ratio I assume?
roger

Embeded Google map (iframe) not displaying correctly after jquery .fadeIn?

Similar Messages

Maybe you are looking for