Jump to content

tabulation google map


sam450

Recommended Posts

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

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...