JQuery :: Google Map Does Not Display Entirely When Using Ajax

I have a problem since three days about google map. I want to use jQuery to dynamically load the map in a page. Here is the code: In left side page, a script that loads the page into the right one:
<script
type="text/javascript">
$(
document
).ready(
function(){
$(
"a"
).each(
function(){
var
ajaxOptions = {};

In the right side page:
<?
php
$content
.=
'<script type="text/javascript">'
." ";
$content .= " ".
'function initialize() {'

When I call the right page without ajax (by its url), I get the map entirely displayed. Nevertheless, when using the jquery load method in order to load dynamically the right page, for the first time, the card was well displayed. But later, by clicking the same link, I get a problem: The card is displayed only one-third. I thought it was the cache that was originally because when I empty the browser and I reconnected, everything goes well. Then in jQuery, I changed the load method by adding the option cache: false.