[Javascript] Google map compatibilité FF et IE :s
3 messages
• Page 1 sur 1
-

ZelkiN - WRInaute occasionnel

- Messages: 492
- Inscription: 27 Juil 2007
[Javascript] Google map compatibilité FF et IE :s
Bonjour à vous, je fais appel aux experts débugger du js
Démoralisé complet j'essaye de faire une google map avec api pour des clients, en gros il entre leur adresse, cp et ville dans un form qui ai enregistré dans une bdd, puis je récupere mes données directe sur la google map...
Tout marche avec Firefox, ca marche meme particulierement bien, mais rien sur IE :s il y a une erreur sur ce script je pense. Si quelqu'un pouvait m'aider svp
Pour infos, vous pouvez voir la google map ici : http://www.secteur18.com/fr/game/affichage.htm , mes infos récupéré pour la bdd sont sur ce fichier http://www.secteur18.com/fr/game/js/json.php

Démoralisé complet j'essaye de faire une google map avec api pour des clients, en gros il entre leur adresse, cp et ville dans un form qui ai enregistré dans une bdd, puis je récupere mes données directe sur la google map...
Tout marche avec Firefox, ca marche meme particulierement bien, mais rien sur IE :s il y a une erreur sur ce script je pense. Si quelqu'un pouvait m'aider svp
- Code: Tout sélectionner
// JavaScript Document
//setTimeout('initData()', 500);
var map;
var geocoder;
var centerLatitude = 47.389285;
var centerLongitude = 0.689049;
var startZoom = 9;
var xmlhttp;
var markers;
var iconeVert = new GIcon();
iconeVert.image = "images/vert.png";
iconeVert.shadow = "images/ombre.png";
iconeVert.iconSize = new GSize(12, 20);
iconeVert.shadowSize = new GSize(22, 20);
iconeVert.iconAnchor = new GPoint(6, 20);
iconeVert.infoWindowAnchor = new GPoint(5, 1);
var deselectCurrent = function() {};
function searchPoint(queri) {
var queries = "" + queri;
var s = document.createElement( "script" );
s.src="http://www.localsearchmaps.com/geo/" + queries + "&cb=mapZoom";
s.type = "text/javascript";
document.getElementsByTagName( "head" )[0].appendChild(s);
}
function initializePoint(pointData) {
var point = new GLatLng(pointData.latitude, pointData.longitude);
var marker = new GMarker(point,{icon: iconeVert, title: pointData.nom});
var listItem = document.createElement('li');
var listItemLink = listItem.appendChild(document.createElement('a'));
listItemLink.href = "#";
listItemLink.onmouseover = function() { marker.setImage("images/rouge.png");}
listItemLink.onmouseout = function() { marker.setImage("images/vert.png");}
listItemLink.innerHTML = '<strong>' + pointData.nom + ' - ' + pointData.identifiant +' </strong><span>' + pointData.ville+ '</span>';
var focusPoint = function() {
deselectCurrent();
listItem.className = 'current';
marker.setImage("images/rouge.png");
deselectCurrent = function() { listItem.className = ''; marker.setImage("images/vert.png");}
marker.openInfoWindowHtml(pointData.nom+' - BAL : '+pointData.identifiant+' - '+pointData.ville);
map.panTo(point);
return false;
}
listItemLink.onclick = focusPoint;
GEvent.addListener(marker, 'click', focusPoint);
GEvent.addListener(marker, 'mouseover', function() { marker.setImage("images/rouge.png"); });
GEvent.addListener(marker, 'mouseout', function() { marker.setImage("images/vert.png"); });
GEvent.addListener(marker, 'infowindowclose', function(){marker.setImage("images/vert.png");});
document.getElementById('sidebar-list').appendChild(listItem);
map.addOverlay(marker);
}
function windowHeight() {
// Standard browsers (Mozilla, Safari, etc.)
if (self.innerHeight)
return self.innerHeight;
// IE 6
if (document.documentElement && document.documentElement.clientHeight)
return document.documentElement.clientHeight;
// IE 5
if (document.body)
return document.body.clientHeight;
// Just in case.
return 0;
}
function handleResize() {
var height = windowHeight()-20;
document.getElementById('map').style.height = height + 'px';
document.getElementById('sidebar').style.height = height + 'px';
}
function changeBodyClass(from, to) {
document.body.className = document.body.className.replace(from, to);
return false;
}
function setAlertText(str) {
document.getElementById('alert').innerHTML = '<p>' + str + '</p>';
}
function initData() {
map = new GMap(document.getElementById("map"),{mapTypes:[G_PHYSICAL_MAP,G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP]});
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl(new GSize(200,180)));
map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
geocoder = new GClientGeocoder();
var bounds = new GLatLngBounds();
for(id in markers) {
initializePoint(markers[id]);
bounds.extend(new GLatLng(markers[id].latitude, markers[id].longitude));
}
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
changeBodyClass('loading', 'standby');
var divt = document.createElement('div');
divt.style.margin = "0";
divt.style.padding = "0";
divt.style.textAlign = "center";
divt.style.backgroundColor = "#FFF9DD";
divt.style.borderTop = "1px solid #dddddd";
divt.innerHTML = "";
var linkt = divt.appendChild(document.createElement('a'));
document.getElementById('sidebar').appendChild(divt);
}
function init() {
handleResize();
xmlhttp = GXmlHttp.create();
xmlhttp.open('GET', 'js/json.php', true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
if (xmlhttp.status != 200)
setAlertText('Impossible d acceder aux donnees de la carte.');
else
{
var responseText = xmlhttp.responseText;
markers = eval(responseText);
if (!markers)
setAlertText('Erreur de donnees.');
else
initData();
}
}
}
xmlhttp.send(null);
}
//setTimeout('initData()', 5000);
window.onresize = handleResize;
window.onload = init;
window.onunload = GUnload;
Pour infos, vous pouvez voir la google map ici : http://www.secteur18.com/fr/game/affichage.htm , mes infos récupéré pour la bdd sont sur ce fichier http://www.secteur18.com/fr/game/js/json.php
-

ZelkiN - WRInaute occasionnel

- Messages: 492
- Inscription: 27 Juil 2007
Bon je crois que j'ai trouver le truc, enfaite ca viendrait de la fonction EVAL de javascript
Mais comment contourner ca ?
- Code: Tout sélectionner
markers = eval(responseText);
Mais comment contourner ca ?
3 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- Un souci javascript sur ma Google map
- Liste d'URL Google Map -> Une seul carte Google Map avec tous les points
- quelle compatibilité navigateurs pour le bouton google+ ?
- Google Earth vers Maps en fichier KML ? ou Google map via base Mysql ?
- Google map facilement sur ta page avec Google Web Elements
- [Google Developper Day] Nouvelles fonctionnalités Google Map
- creer une carte avec google map et le tableur de google docs
- Google Street View : le nouveau service de Google Map
- google map
- Google relie sa librairie en ligne à Google Map
Consultez la description détaillée des produits ou services de Google suivants : Google Measure Map
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités
