2016-07-29 11 views
-1

Ich habe ein Problem mit Google Map.Anzeige und Maske onclick Marker Google Map

Ich habe drei Marker auf meiner Google-Karte.

In der ersten Ansicht möchte ich einen Marker anzeigen.

Wenn ich auf den btn2 oder btn3 klicke, möchte ich ihn anzeigen und den Marker 1 maskieren. Ein gleiches, wenn ich auf btn1 klicke, wenn der btn2 oder btn3 angezeigt wird.

Ich möchte meinen Marker mit einer bestimmten URL auch anpassen.

Dies ist mein Code Js.

var locations = [ 
     ['Homexpo', 44.89589669999999, -0.5713743999999679, 3], 
     ['Biganos', 44.640044, -0.9629101000000446, 2], 
     ['Siege social', 44.8864352, -0.6952949999999873, 1] 
    ]; 

    var map = new google.maps.Map(document.getElementById('ggmap-offre'), { 
     zoom: 9, 
     center: new google.maps.LatLng(44.795454, -1.147783000000004), 
     scrollwheel: false, 
     draggable: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var marker, i; 

    for (i = 0; i < locations.length; i++) { 
     marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map 
     }); 
    } 

und dies ist mein Code HTML

<div id="ggmap-offre"></div> 
    <div id="bloc-txt-ggmap"> 
     <h4>Nos <span class="gras">adresses</span></h4> 
     <div class="clear"></div> 
     <a class="clik-map btn1" href="#"><div class="info-multi-lieu"> 
      Homexpo 
      <p class="cp">33300 Bordeaux Lac</p> 
     </div></a> 
     <a class="clik-map btn2" href="#"><div class="info-multi-lieu"> 
      BIGANOS 
      <p class="cp">134 avenue de la côte d'argent<br/>33380 Biganos</p> 
     </div></a> 
     <a class="clik-map btn3" href="#"><div class="info-multi-lieu"> 
      Siège social 
      <p class="cp">1, rue Alfred Musset<br/>33160 Saint-Médard-en-Jalles</p> 
     </div></a> 
    </div> 

Ich wünsche Sie mir helfen können.

Dies ist die URL: http://pier17.fr/beta-sanem/nous-contacter.html

Danke so viel und einen guten Tag haben.

Antwort

1

Dies ist Ihr Code:

var marker, i; 

for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map 
    }); 
} 

so, wenn Sie einige andere Hersteller machen wollen, Marker Parameter in for-Schleife Code befinden.

Ich empfehle diesen Code ... aber ich habe es nicht getestet!

for (var i = 0; i < locations.length; i++) { 
    var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    map: map 
    }); 
} 
+0

Es tut mir leid, ich bin wirklich schlecht in Js und Google Map. Was ist der Unterschied? : s – Pierre

+0

ich denke ... wenn marker in "for loop code" liegt. Der neue 3-Marker wird im Speicher abgelegt, sodass Sie 3 Marker-Objekte erhalten können. aber wenn maker außerhalb von "for loop code" steht. Marker ist nur einer im Speicher. Du bekommst also nur ein Markerobjekt ... –