Aller au contenu

tabulation google map

Featured Replies

Posté(e)

bonjour

j'ai fais une petite map avec une infowindow qui contient des tabulations (avec jquery), le truc c'est que quand je test en local ça marche bien j'ai mon thème qui s'affiche bien, mais dès que je le met en ligne le thème disparaît l'infobulle est bien présente mais sans les onglets, (enfin sans le thème graphique) j'ai essayé d'autre modues jquery, et ils fonctionnent bien

le code source de ma map :

<link rel="stylesheet" href="ressources/css/jquery-ui-1.9.2.custom.css" type="text/css" /><link rel="stylesheet" href="ressources/css/jquery-ui-1.9.css" /><link href="ressources/css/map.css" rel="stylesheet" type="text/css" /><!-- Include Javascript --><script type="text/javascript" src="ressources/script/jquery-ui-1.9.2.custom.js"></script><script>var map;var initialize;initialize = function(){ var latLng = new google.maps.LatLng(44.98902384251034, -0.6194860397338289);  var myOptions = {zoom	  : 14, // Zoom par défautcenter	: latLng, // Coordonnées de départ de la carte de type latLngmapTypeId : google.maps.MapTypeId.TERRAIN, // Type de carte, différentes valeurs possible HYBRID, ROADMAP, SATELLITE, TERRAINmaxZoom   : 20 }; map	  = new google.maps.Map(document.getElementById('map'), myOptions); var marker = new google.maps.Marker({position : latLng,map	  : map,title	: "le 1902 restaurant"//icon	 : "marker_lille.gif"  }); var contentMarker = ['<div id="containerTabs" >',  '<div id="tabs">','<div id="text1">',  '<ul>',	'<li><a href="#tab-1"><span>Adresse</span></a></li>',	'<li><a href="#tab-2"><span>contact</span></a></li>',	'<li><a href="#tab-3"><span>Photo</span></a></li>',  '</ul>',  '<div id="tab-1">',   '<p><li>Le 1902 restaurant<br /><li>Allée des Écureuils<br /><li>33290 Ludon-Medoc</p>',  '</div>',  '<div id="tab-2">',  '<p><li>Télephone : xx xx xx xx xx<li> email: xxyy@xxyy.fr', '</div>',  '<div id="tab-3">',   '<p><a			  href="ressources/multimedia/image/1902.jpg"><img src="ressources/multimedia/image/1902.jpg" width="450" height="230"></a></p>',  '</div>',  '</div>',  '</div>' ].join(''); var infoWindow = new google.maps.InfoWindow({content  : contentMarker,position : latLng }); google.maps.event.addListener(marker, 'click', function() {infoWindow.open(map,marker); }); google.maps.event.addListener(infoWindow, 'domready', function(){ // infoWindow est biensûr notre info-bullejQuery("#tabs").tabs(); });};</script><body onLoad="initialize()"><div id="container" style="width:990px"><div id="map" style="width:900; height:400 "></div></div></body>

si vous avec une idée

ps: le "jquery-1.9.0.js" et "http://maps.google.com/maps/api/js?sensor=false" sont bien présent mais pas dans cette page (ils sont dans l'index)

donc j'ai ça en local:

mini_813382tab2.jpg

et en ligne:

mini_709529tab1.jpg

Modifié par sam450

Posté(e)

Salut,

Le thème est géré par le CSS c'est ça? Si oui, tu as bien vérifié que ton thème est au même endroit?

C'est le seul truc que je vois qui pourrait merder :transpi:

Posté(e)
  • Auteur

c’était un problème ai niveau de la casse donc en local pas de différence, mais en ligne ça passe pas merci

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.