I think i find it !!

i did this and it didn t work on IE but on FF / Opera it works
**********************************************************************************************************************
function initialize() {
  var latlng = new google.maps.LatLng(25, 0);
  var myOptions = {
    zoom: 2,
    center: latlng,
    mapTypeControl: false,
    mapTypeControlOptions: {style:
google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    navigationControlOptions: {style:
google.maps.NavigationControlStyle.SMALL},
    mapTypeId: google.maps.MapTypeId.TERRAIN
  }
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);

//-----------------
var myLatlng1 = new google.maps.LatLng(46.56, -94.92);
var contentString1 ='<div id="content2" style="background: none;">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h4 id="firstHeading" class="firstHeading">Croisières : </h4>'+
    '<h5 id="firstHeading" class="firstHeading"><span style="color:
#FF6600">Amérique du Nord<span /></h5>'+
    '<div id="bodyContent" style="color: #000066">'+
    '<p><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/G1.jpg" alt="CROISIERES Calendar"></a></
p>'+
    'Les Croisieres Amérique du Nord :'+
    '<br /><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/GO1.jpg" alt="CROISIERES Calendar" >+ Lire
La suite </a>'+
    '</div>'+
    '</div>';

var infowindow1 = new google.maps.InfoWindow({
    content: contentString1,
});
var image = 'images/beachflag.png';
var marker1 = new google.maps.Marker({
    position: myLatlng1,
    map: map,
    icon: image,
    title:"Croisieres Amériques du Nord"
});
google.maps.event.addListener(marker1, 'click', function() {
  infowindow1.open(map,marker1);
});

//---------------------------
//-----------------
var myLatlng2 = new google.maps.LatLng(19.97, -90.70);
var contentString2 ='<div id="content2" style="background: none;">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h4 id="firstHeading" class="firstHeading">Croisières : </h4>'+
    '<h5 id="firstHeading" class="firstHeading"><span style="color:
#FF6600">Caraibes <span /></h5>'+
    '<div id="bodyContent" style="color: #000066">'+
    '<p><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/G1.jpg" alt="CROISIERES Calendar"></a></p>'
+
    'Les Croisieres dans les Caraibes :'+
    '<br /><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/GO1.jpg" alt="CROISIERES Calendar" >+ Lire
La suite </a>'+
    '</div>'+
    '</div>';

var infowindow2 = new google.maps.InfoWindow({
    content: contentString2
});
var marker2 = new google.maps.Marker({
    position: myLatlng2,
    map: map,
    icon: image,
    title:"Croisieres Caraibes"
});
google.maps.event.addListener(marker2, 'click', function() {
  infowindow2.open(map,marker2);
});
**********************************************************************************************************************


But this it work every where !! WHY ???
**********************************************************************************************************************
function initialize() {
  var latlng = new google.maps.LatLng(25, 0);
  var myOptions = {
    zoom: 2,
    center: latlng,
    mapTypeControl: false,
    mapTypeControlOptions: {style:
google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    navigationControlOptions: {style:
google.maps.NavigationControlStyle.SMALL},
    mapTypeId: google.maps.MapTypeId.TERRAIN
  }
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);

//-----------------
var myLatlng = new google.maps.LatLng(46.56, -94.92);
var contentString = '<div id="content2" style="background: none">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h4 id="firstHeading" class="firstHeading">Croisières : </h4>'+
    '<h5 id="firstHeading" class="firstHeading"><span style="color:
#FF6600">Amérique du Nord<span /></h5>'+
    '<div id="bodyContent" style="color: #000066">'+
    '<p><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/G1.jpg" alt="CROISIERES Calendar"></a></
p>'+
    'Les Croisieres Amérique du Nord :'+
    '<br /><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/GO1.jpg" alt="CROISIERES Calendar" >+ Lire
La suite </a>'+
    '</div>'+
    '</div>';

var infowindow = new google.maps.InfoWindow({
    content: contentString
});
var image = 'images/beachflag.png';
var shadow = 'images/beachflag_shadow.png';
var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    icon: image,
        shadow: shadow,
    title:"Croisieres Amériques du Nord"
});
google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});
var myLatlng2 = new google.maps.LatLng(19.97, -90.70);
var contentString2 ='<div id="content2" style="background: none;">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h4 id="firstHeading" class="firstHeading">Croisières : </h4>'+
    '<h5 id="firstHeading" class="firstHeading"><span style="color:
#FF6600">Caraibes <span /></h5>'+
    '<div id="bodyContent" style="color: #000066">'+
    '<p><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/G1.jpg" alt="CROISIERES Calendar"></a></p>'
+
    'Les Croisieres dans les Caraibes :'+
    '<br /><a href="CROISIERES_calendario.html" title="CROISIERES
Calendar"><img src="images/GO1.jpg" alt="CROISIERES Calendar" >+ Lire
La suite </a>'+
    '</div>'+
    '</div>';

var infowindow2 = new google.maps.InfoWindow({
    content: contentString2
});
var marker2 = new google.maps.Marker({
    position: myLatlng2,
    map: map,
    icon: image,
    shadow: shadow,
    title:"Croisieres Caraibes"
});
google.maps.event.addListener(marker2, 'click', function() {
  infowindow2.open(map,marker2);
});
**********************************************************************************************************************

PERPHAPS because in the first case i used "var myLatlng1" and in the
second case "var myLatlng"

if for IE var myLatlng1=var myLatlng => problems so it didn t work !!

so for IE never use ' var nnnnn1 '    but always    ' var nnnnn2 ' or
' var nnnnn3 ' so  ' var nnnnn+1' !!???

the result is on : boxoo.free.fr/croisiere/

Regards

Gilles


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/google-maps-api?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to