begin process at 2012 02 13 12:15:58
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Api Google Maps ok en local mais pas en online


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Api Google Maps ok en local mais pas en online

mercredi 2 juillet 2008 à 15:53:59 | Api Google Maps ok en local mais pas en online

prachou


Bonjour à tous ! Après avoir parcouru en vain la toile je me décide a créer un post pour mon problème auquel je n'ai toujours trouvé aucune solution.

Le problème est simple en soi, j'ai créer une page qui affiche la localisation d'un client sur une carte Google Maps en fonction de l'adresse, du cp et de la ville présent dans la table client de ma base de donnée.

En local, tout fonctionne superbement bien mais dès que j'exporte tous ces fichiers sur Internet (en prennant bien soin de changer la Key Google Maps) j'obtiens un grand vide sur ma page et en bas à gauche de ma page I.E, un petit triangle jaune, quand j'ouvre cela voilà les maigres indications qui me sont livrés :

Ligne : 80
Caractère : 1
Erreur : Objet Attendu
Code : 0
URL : [url]http://www.etc[/url]..............

Voilà, merci pour l'aide que vous pourrez m'apporter.;)


edit voici le code si ça peut vous aider :

<?
        //on inclus le fichier necessaire
        require('GoogleMapAPI.class.php');
        //on crée notre carte
        $map = new GoogleMapAPI('map','tutoriel_map');
        // permet de mettre en cache afin d'eviter des requetes inutiles ds le futur
        //on ne l'utilisera pas dans notre cas , car il faut installer PEAR et c'est chiant
        //mais il faudrait le faire dans une utilisation réelle
        //$map->setDSN('mysql://root:yr@localhost/GEOCODES');
        // METTEZ ICI VOTRE CLE GOOGLE
        $map->setAPIKey('MA CLE GOOGLE');

        //taille de la map
 
      $map->setHeight("500");
 
       $map->setWidth("650");
 
      //on desactive la barre de coté?
 
      //$map->disableSidebar();
        //DesActive les  boutons(map/satellite/hybrid).
 
      //$map->disableTypeControls();
        //Quel est le type de carte par defaut ? (map/satellite/hybrid)
 
      $map->setMapType('hybrid'); // default
 
      //On déssactive les boutons pour afficher la direction d'un point a l'autre
 
      $map->disableDirections();
 
      // Permet de definir le zoom automatiquement afin de voir tous les marqueurs d'un coup.
 
      $map->enableZoomEncompass();
 
      //Active la mini map en bas a droite
 
      $map->enableOverviewControl();      
 
      //CREATION DES MARQUEURS
 
      //on peut egalement utiliser addMarkerByCoords() si on a déjà la latitude et longitude des points
 
      //Exemple basique
   include("connect.php");
  
  $relais = $_GET["dep"];
  $numam = $_GET["id"];
  
  $req = mysql_query("SELECT * FROM CLIENT WHERE RELAISnom ='$relais' AND `N°ID` = '$numam'") or die (mysql_error());
  while($rep = mysql_fetch_array($req))
  {
   $adresse = "";
   $adresse = $rep['adresse_asmat'].",";
   $adresse .= $rep['cp_asmat'].",";
   $adresse .= $rep['ville_asmat'];
   
   $nom = $rep['nom_asmat']." ".$rep['prenom_asmat'];
   
   
   $map->addMarkerByAddress($adresse,$nom,'<b>'.$nom.'</b><br>'.$adresse);
  }
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html " xmlns:v="urn:schemas-microsoft-com:vml">
<!--<script type="text/javascript" src="mootools.release.83.js"></script>-->
    
<head>
<title>Localisation d'une Assistante Maternelle</title>
<?php $map->printHeaderJS(); ?>
<?php $map->printMapJS(); ?>
<script type="text/javascript" src="../js/slimbox.js"></script>
<link rel="stylesheet" href="../css/slimbox.css" type="text/css" media="screen" />
<!-- necessaire pour google pour tracer les polylines -->
<style type="text/css">
v\:* {  behavior:url(#default#VML);}
/*pour les infobulles de la carte*/
#gmapmarker {  font: normal small verdana, arial, helvetica, sans-serif;  font-size: 10pt;  margin: 0px;  width: 350px;  height: 150px;  overflow:auto;}
#gmapmarker p{  margin : 0;  padding : 2px 0 2px 0;}
#gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}
#gmapmarker a:hover {color: #F60; background-color: transparent;}
#gmapmarker h1 {  font-weight: bold;  font-size: 13px;  color: #369;  border-bottom: 2px solid #369;  padding : 2px;  margin : 0;}

/*div qui contient la carte*/
#map {  float : left;}
</style>

</head>
<body onload="onLoad()" onunload="GUnload()">
<div align="left">
<table border="1">
 <tr>
  <td>
<?php $map->printMap(); //on affiche la map ?>
  </td>
  <td>
<?php $map->printSidebar(); //on affiche la barre de navigation ?>
  </td>
 </tr>
</table>
</div>
</body>
</html>

mercredi 2 juillet 2008 à 16:10:21 | Re : Api Google Maps ok en local mais pas en online

bultez

Membre Club


Bonjour,

si tu as un problème javascript, ce serait plus simple de nous mettre... la page html/javascript
pas le php, ni les #...  !

déjà, pour nous : c'est quoi la ligne 80 ?



                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 2 juillet 2008 à 20:46:30 | Re : Api Google Maps ok en local mais pas en online

prachou


Merci de ta réponse. si j'ai bien compris il vaut mieux que je t'affiche la source que j'obtiens sur la page concernée est ce bien ça ?
car si tu parles d'une autre page ou se trouve le javascript/html il n'y en a pas, tout est appelé sur la même page. J'ai posté ce sujet sur le site PHP et on m'a dit que cela concernait plus le Javascript alors je suis venu poster ici.
jeudi 3 juillet 2008 à 09:53:03 | Re : Api Google Maps ok en local mais pas en online

bultez

Membre Club


>>car si tu parles d'une autre page ou se trouve le javascript/html il n'y en a pas,
si, si ( l'impératrice )  !
que fait le php à part te créer une page html/javascript et l'envoyer ver le micro ?

c'est cette page qui conviendrait ( enfin, UN EXTRAIT, le minimum, tout ce qu'il
faut, mais pas plus. sinon ça me décourage de regarder )
affiche la source ou sauve la page et met en forme ce qui nous aidera à t'aider
souvent  d'ailleurs, on trouve seul la réponse en procédant ainsi.


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 3 juillet 2008 à 11:13:04 | Re : Api Google Maps ok en local mais pas en online

prachou

voici donc la source de ma page. A noter que le message d'erreur se trouve désormais en ligne 30 caractère 25 Erreur : Erreur de syntaxe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [ Lien ]">
<html xmlns=" [ Lien ]" xmlns:v="urn:schemas-microsoft-com:vml">
<script type="text/javascript" src="mootools.release.83.js"></script>
    
<head>
<title>Localisation d'une Assistante Maternelle</title>
<script src=" [ Lien ]" type="text/javascript" charset="utf-8"></script><script type="text/javascript" charset="utf-8">
//<![CDATA[
/*************************************************
 * Created with GoogleMapAPI 2.5
 * Author: Monte Ohrt <monte AT ohrt DOT com>
 * Copyright 2005-2006 New Digital Group
 * [ Lien ]
 *************************************************/
var points = [];
var markers = [];
var counter = 0;
var sidebar_html = "";
var marker_html = [];
var map = null;
function onLoad() {
if (GBrowserIsCompatible()) {
var mapObj = document.getElementById("map");
if (mapObj != "undefined" && mapObj != null) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.addControl(new GOverviewMapControl());
var point = new GLatLng(,);
var marker = createMarker(point,"FRELITI Caroline","<div id=\"gmapmarker\"><b>FRELITI Caroline<\/b><br>rue marlius berlier,69008,LYON<\/div>", 0,"");
map.addOverlay(marker);
document.getElementById("sidebar_map").innerHTML = "<ul class=\"gmapSidebar\">"+ sidebar_html +"<\/ul>";
}
} else {
alert("Sorry, the Google Maps API is not compatible with this browser.");
}
}
function createMarker(point, title, html, n, tooltip) {
if(n >= 0) { n = -1; }
var marker = new GMarker(point,{'title': tooltip});
if(isArray(html)) { GEvent.addListener(marker, "click", function() { marker.openInfoWindowTabsHtml(html); }); }
else { GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); }
points[counter] = point;
markers[counter] = marker;
marker_html[counter] = html;
sidebar_html += '<li class="gmapSidebarItem" id="gmapSidebarItem_'+ counter +'"><a href="click_sidebar(' + counter + ')">' + title + '<\/a><\/li>';
counter++;
return marker;
}
function isArray(a) {return isObject(a) && a.constructor == Array;}
function isObject(a) {return (a && typeof a == 'object') || isFunction(a);}
function isFunction(a) {return typeof a == 'function';}
function click_sidebar(idx) {
  if(isArray(marker_html[idx])) { markers[idx].openInfoWindowTabsHtml(marker_html[idx]); }
  else { markers[idx].openInfoWindowHtml(marker_html[idx]); }
}
function showInfoWindow(idx,html) {
map.centerAtLatLng(points[idx]);
markers[idx].openInfoWindowHtml(html);
}
//]]>
</script>
<script type="text/javascript" src="../js/slimbox.js"></script>
<link rel="stylesheet" href="../css/slimbox.css" type="text/css" media="screen" />
<!-- necessaire pour google pour tracer les polylines -->
<style type="text/css">
v\:* {  behavior:url(#default#VML);}
/*pour les infobulles de la carte*/
#gmapmarker {  font: normal small verdana, arial, helvetica, sans-serif;  font-size: 10pt;  margin: 0px;  width: 350px;  height: 150px;  overflow:auto;}
#gmapmarker p{  margin : 0;  padding : 2px 0 2px 0;}
#gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}
#gmapmarker a:hover {color: #F60; background-color: transparent;}
#gmapmarker h1 {  font-weight: bold;  font-size: 13px;  color: #369;  border-bottom: 2px solid #369;  padding : 2px;  margin : 0;}

/*div qui contient la carte*/
#map {  float : left;}
</style>

</head>
<body>
<div align="left">
<table border="1">
 <tr>
  <td>
<script type="text/javascript" charset="utf-8">
//<![CDATA[
if (GBrowserIsCompatible()) {
document.write('<div id="map" style="width: 650px; height: 500px"><\/div>');
} else {
document.write('<b>Javascript must be enabled in order to use Google Maps.<\/b>');
}
//]]>
</script>
<noscript><b>Javascript must be enabled in order to use Google Maps.</b></noscript>
  </td>
  <td>
<div id="sidebar_map"></div>
  </td>
 </tr>
</table>
</div>
</body>
</html>

jeudi 3 juillet 2008 à 11:26:52 | Re : Api Google Maps ok en local mais pas en online

bultez

Membre Club
impossible de tester tout, faudrait charger mootolols...
mais déjà, avec FF :
Erreur : syntax error   Fichier Source : file:///D:/Temp/new%201.htm    Ligne : 31, Colonne : 24
Code Source :   var point = new GLatLng(,);

ça dépend des paramètres à passer : var point = new GLatLng("","");  ou var point = new GLatLng(null,null); ou ....

mais :
FireFox
regarder la "console d'erreurs"
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
regarder la "console d'erreurs"
Outils / Console d'erreurs
Opera
regarder la "console d'erreurs"
Outils / Avancé / Console d'erreurs
Safari
regarder Debug / Show JavaScript Console
° modifier Fichier Preferences.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\
y ajouter <key>IncludeDebugMenu</key>
<true/>

ça aide... un peu


                Cordialement            Bul         [mon Site]     [M'écrire]


Cette discussion est classée dans : carte, adresse, rep, map, google


Répondre à ce message

Sujets en rapport avec ce message

Map, carte comme Google Maps [ par rivsc ] Recupération d'une adresse d'établissement pour google maps [ par math567 ] Bonjour, Je souhaiterai récupéré dans une variable javascript le contenu de la valeur d'un champ pour l'utiliser afin de situer le lieu d'un établisse Intégration fonction geocodage - Api Google Map v3 [ par a44icus ] Bonsoir, J'aimerai intégrer la fonction de géocodage à ma carte google map qui appelle divers marqueur via une base de donnée. J'ai essayé d'intégrer actualiser une carte google map [ par freeb83 ] Bonjour, Voilà je vous expose mon problème. J'ai une page web qui en se chargeant va récuperer un fichier csv(contenant des adresses), l'injecte d Probleme pour afficher un itinéraire api google map [ par sentenzai ] Bonjour, Voici mon problème, je souhaiterais récupérer les coordonnées de longitude et de latitude de l'utilisateur. Puis créer l'itinéraire google m API Google Maps : Ajouter fonction Geogoder [ par a44icus ] Bonsoir, étant débutant en javascript, j'ai récupéré un script me permettant de gérer différents marqueurs sur la map google. J'aimerai intégrer main Récupérer coordonnée Google Map [ par tonymx15 ] Bonjour à tous, voilà je voudrais créer une fonction qui me renverrais la latitude et la longitude d'une adresse Google Map que je passerais en paramè Google map API V3 et lire un XML [ par ssd ] Bonjour, j'ai trouvé sur le web un script pour lire un fichier XML, cf-code mais je n'arrive pas a le faire tourner en local Merci. [code=html]@me google map & jQuery thickbox [ par math11 ] salut tout le monde, Actuellement occupé a créer une page de contact avec Google Map, je cherche a appeler un formulaire dans une thickbox depuis une Google map Pb zindex marker [ par philou8 ] Bonjour, Je tente d'interposer une image entre la carte et un marqueur, ci-dessous un exemple de code très simple. Le z-index de la carte est à 2, de


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,154 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales