Je suis en train de bosser sur le site de mon futur annuaire et j'ai actuellement un problème avec la maps de google maps. Elle s'affiche mais malheureusement se n'est qu'un carré gris qui s'affiche :-(
Lorsqu'il y que les champs de base (rue, ville, cp) ça fonctionne très bien mais lorsque j'ajoute les autres (tel, site, mails etc...) ça affiche cette carte grise :-(
Voici mon code template:
Code:
<!-- BEGIN ANNSITE -->
<div class="siteblock" align='center' style="width:{COL-WIDTH};">
<div class='{SITE-STYLE}'>
<div class="title"><span style='vertical-align:middle;'>{NOM}<!-- BEGIN SITE_NEW --><img hspace='10' align='middle' src='{ROOT-PATH}/graphics/new.gif' alt'Recently added' /><!-- END SITE_NEW --><span></div><!-- BEGIN SITE_PARTNER --><span class='enr_partner'>{ENR_PARTNER}</span><!-- END SITE_PARTNER -->
<div style=" overflow:hidden;">
<div style="float:left; width:370px; margin-left: 10px; font-size:13px; padding-right: 10px;">
<span style=" font-weight:bold; margin-left: 60px; font-size:16px;">.:: {NOM} ::.</span><br/>
<br/>
<img align="right" alt='{PAYS}' src='{ROOT-PATH}/image/flags/{PAYS}.gif' width='32' height='20'/><span style=" font-weight:bold">Rue</span>: {RUE} <br/>
<span style=" font-weight:bold">Code postal</span>: {CP} - <span style=" font-weight:bold">Ville</span>: {VILLE} <br/>
<br/>
<span style=" font-weight:bold">Téléphone</span>: {TELEPHONE} <br/>
<span style=" font-weight:bold">Email</span>: {EMAIL} <br/>
<span style=" font-weight:bold">Site internet</span>: <a href="{SITE}">{SITE}</a> <br/>
</div>
<div style="margin-left:370px;">{SITE-THUMBNAIL}<br/><span style=" font-weight:bold">Horaires d'ouverture</span>:<br/> {OUVERTURE} </div>
<center><div style="background:url({ROOT-PATH}/image/fond-carte.gif) no-repeat; width:600px; height:600px; padding-top: 50px; margin-top: 20px;"><div id="map{ENR}" style="background-color: #FFFFFF; text-align: center; width: {GMAP-WIDTH}px; height: {GMAP-HEIGHT}px"></div></div></center>
<script src="http://maps.google.com/maps?file=api&v=2.x&key={GMAP-API_KEY}" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map{ENR}"));
var point = new GLatLng({MAP});
{GMAP-DISABLEDRAGGING}
{GMAP-GLARGEMAPCONTROL}
map.setCenter(point, {GMAP-ZOOM});
var marker = new GMarker(point);
map.addOverlay(marker);
//]]>
</script>
</div><br/>
<!-- BEGIN NOTE --> <hr/>
<div class='notes'>
<div style='float:right'><form action="{ROOT-PATH}/note.php" method="post" name="main" class="main" style="display:inline;" />
<input class='logdesc' type="hidden" name="annuaire" value="{ID-ANNU}" />
<input class='logdesc' type="hidden" name="enr_id" value="{ENR}" />
<select style="vertical-align: middle;" size="1" name="note">
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option selected="selected" value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
<option value="0">0</option>
</select>
<input type="submit" name="submit" value="Voter" />
</form></div>
<!-- BEGIN NOTE-VISITOR --> {ANN_NOTE} : <img border='0' src='{ROOT-PATH}/graphics/note_{NOTE-IMG}.gif' align='top' alt=''/> {NOTE-SITE}/10 {NB-VOTANTS} vote(s)<br/><!-- END NOTE-VISITOR -->
<!-- BEGIN NOTE-MEMBERS --> {ANN_NOTE_MBR} : <img border='0' src='{ROOT-PATH}/graphics/note_{NOTE-IMG}.gif' align='top' alt=''/> {NOTE-SITE}/10 {NB-VOTANTS} vote(s)<br/><!-- END NOTE-MEMBERS -->
<!-- BEGIN NOTE-EDIT --> {ANN_NOTE_EDT} : <img border='0' src='{ROOT-PATH}/graphics/note_{NOTE-IMG}.gif' align='top' alt=''/> {NOTE-SITE}/10 {NB-VOTANTS} vote(s)<br/><!-- END NOTE-EDIT -->
</div>
<!-- END NOTE --> <!-- BEGIN HEADER-COMMENT -->
<hr/>
<div > <img src="{ROOT-PATH}/graphicsminus.gif" class="showstate" onClick="jsexpandcontent(this, 'com{ENR}')" />{NB-COMMENTS} Commentaires
<a style='background-image:none;' href='{ROOT-PATH}/comments.php?annuaire={ID-ANNU}&enr_id={ENR}' title="Ajouter un commentaire"><img alt="Ajouter un commentaire" src='{ROOT-PATH}/graphics/add_comment.gif' width='16px' align='middle' /></a>
</div>
<div id="com{ENR}" class="sw" >
<div class='comment'>
<u><b></b></u>
<hr/>
<!-- BEGIN COMMENT -->
<table width='100%' border='0' cellpadding='2' cellspacing='0'>
<tr>
<td>
<span class='com_title'>"{COM-TITLE}"</span>
</td>
<td align='right' >
<span class='comdate'> {ON} {COM-DATE}{BYAUTHOR} {COM-USER} </span>
</td></tr>
<tr>
<td colspan='2' class='com_text'>
<p >{COM-TEXT} </p>
</td>
</tr>
</table>
<!-- END COMMENT -->
</div>
</div>
<!-- END HEADER-COMMENT -->
<div class='fiche'> {ADDED} {BYAUTHOR} {ENR-USER} {ON} <span class='date'>{ENR-DATE}</span> {RECORDDETAILVIEWED} {LANG_VIEWED} {RECORDDETAILVIEWEDNB} <a style='background-image:none;' href='{ROOT-PATH}/admin/record.php?action=form&mode=modify&annuaire={ID-ANNU}&enr_id={ENR}'><img border='0' src="{ROOT-PATH}/graphics/update.gif" alt='' title="Modifier" /></a> </div>
<!-- BEGIN SITE_CAT --><div style='text-align:left;' > {CAT_LINK} </div><!-- END SITE_CAT --> </div></div>
<!-- END ANNSITE -->
<div class="siteblock" align='center' style="width:{COL-WIDTH};">
<div class='{SITE-STYLE}'>
<div class="title"><span style='vertical-align:middle;'>{NOM}<!-- BEGIN SITE_NEW --><img hspace='10' align='middle' src='{ROOT-PATH}/graphics/new.gif' alt'Recently added' /><!-- END SITE_NEW --><span></div><!-- BEGIN SITE_PARTNER --><span class='enr_partner'>{ENR_PARTNER}</span><!-- END SITE_PARTNER -->
<div style=" overflow:hidden;">
<div style="float:left; width:370px; margin-left: 10px; font-size:13px; padding-right: 10px;">
<span style=" font-weight:bold; margin-left: 60px; font-size:16px;">.:: {NOM} ::.</span><br/>
<br/>
<img align="right" alt='{PAYS}' src='{ROOT-PATH}/image/flags/{PAYS}.gif' width='32' height='20'/><span style=" font-weight:bold">Rue</span>: {RUE} <br/>
<span style=" font-weight:bold">Code postal</span>: {CP} - <span style=" font-weight:bold">Ville</span>: {VILLE} <br/>
<br/>
<span style=" font-weight:bold">Téléphone</span>: {TELEPHONE} <br/>
<span style=" font-weight:bold">Email</span>: {EMAIL} <br/>
<span style=" font-weight:bold">Site internet</span>: <a href="{SITE}">{SITE}</a> <br/>
</div>
<div style="margin-left:370px;">{SITE-THUMBNAIL}<br/><span style=" font-weight:bold">Horaires d'ouverture</span>:<br/> {OUVERTURE} </div>
<center><div style="background:url({ROOT-PATH}/image/fond-carte.gif) no-repeat; width:600px; height:600px; padding-top: 50px; margin-top: 20px;"><div id="map{ENR}" style="background-color: #FFFFFF; text-align: center; width: {GMAP-WIDTH}px; height: {GMAP-HEIGHT}px"></div></div></center>
<script src="http://maps.google.com/maps?file=api&v=2.x&key={GMAP-API_KEY}" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map{ENR}"));
var point = new GLatLng({MAP});
{GMAP-DISABLEDRAGGING}
{GMAP-GLARGEMAPCONTROL}
map.setCenter(point, {GMAP-ZOOM});
var marker = new GMarker(point);
map.addOverlay(marker);
//]]>
</script>
</div><br/>
<!-- BEGIN NOTE --> <hr/>
<div class='notes'>
<div style='float:right'><form action="{ROOT-PATH}/note.php" method="post" name="main" class="main" style="display:inline;" />
<input class='logdesc' type="hidden" name="annuaire" value="{ID-ANNU}" />
<input class='logdesc' type="hidden" name="enr_id" value="{ENR}" />
<select style="vertical-align: middle;" size="1" name="note">
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option selected="selected" value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
<option value="0">0</option>
</select>
<input type="submit" name="submit" value="Voter" />
</form></div>
<!-- BEGIN NOTE-VISITOR --> {ANN_NOTE} : <img border='0' src='{ROOT-PATH}/graphics/note_{NOTE-IMG}.gif' align='top' alt=''/> {NOTE-SITE}/10 {NB-VOTANTS} vote(s)<br/><!-- END NOTE-VISITOR -->
<!-- BEGIN NOTE-MEMBERS --> {ANN_NOTE_MBR} : <img border='0' src='{ROOT-PATH}/graphics/note_{NOTE-IMG}.gif' align='top' alt=''/> {NOTE-SITE}/10 {NB-VOTANTS} vote(s)<br/><!-- END NOTE-MEMBERS -->
<!-- BEGIN NOTE-EDIT --> {ANN_NOTE_EDT} : <img border='0' src='{ROOT-PATH}/graphics/note_{NOTE-IMG}.gif' align='top' alt=''/> {NOTE-SITE}/10 {NB-VOTANTS} vote(s)<br/><!-- END NOTE-EDIT -->
</div>
<!-- END NOTE --> <!-- BEGIN HEADER-COMMENT -->
<hr/>
<div > <img src="{ROOT-PATH}/graphicsminus.gif" class="showstate" onClick="jsexpandcontent(this, 'com{ENR}')" />{NB-COMMENTS} Commentaires
<a style='background-image:none;' href='{ROOT-PATH}/comments.php?annuaire={ID-ANNU}&enr_id={ENR}' title="Ajouter un commentaire"><img alt="Ajouter un commentaire" src='{ROOT-PATH}/graphics/add_comment.gif' width='16px' align='middle' /></a>
</div>
<div id="com{ENR}" class="sw" >
<div class='comment'>
<u><b></b></u>
<hr/>
<!-- BEGIN COMMENT -->
<table width='100%' border='0' cellpadding='2' cellspacing='0'>
<tr>
<td>
<span class='com_title'>"{COM-TITLE}"</span>
</td>
<td align='right' >
<span class='comdate'> {ON} {COM-DATE}{BYAUTHOR} {COM-USER} </span>
</td></tr>
<tr>
<td colspan='2' class='com_text'>
<p >{COM-TEXT} </p>
</td>
</tr>
</table>
<!-- END COMMENT -->
</div>
</div>
<!-- END HEADER-COMMENT -->
<div class='fiche'> {ADDED} {BYAUTHOR} {ENR-USER} {ON} <span class='date'>{ENR-DATE}</span> {RECORDDETAILVIEWED} {LANG_VIEWED} {RECORDDETAILVIEWEDNB} <a style='background-image:none;' href='{ROOT-PATH}/admin/record.php?action=form&mode=modify&annuaire={ID-ANNU}&enr_id={ENR}'><img border='0' src="{ROOT-PATH}/graphics/update.gif" alt='' title="Modifier" /></a> </div>
<!-- BEGIN SITE_CAT --><div style='text-align:left;' > {CAT_LINK} </div><!-- END SITE_CAT --> </div></div>
<!-- END ANNSITE -->
Que faire?? Merci par avance,


Auteur


Journalisée



