表示とマスクonclickマーカーGoogleマップ

Question

Googleマップに問題があります。

Googleマップには3つのマーカーがあります。

最初のビューでは、1つのマーカーを表示します。

私はbtn2またはbtn3をクリックすると、それを表示し、マーカー1をマスクしたいと思います。 btn2またはbtn3が表示されているときにbtn1をクリックすると同じです。

私は特定のURLでカスタムマーカーを使用したいと思います。

これは私のコード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 
     }); 
    } 

、これは私はあなたが私を助けることができる希望

<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> 

私のコードをHTMLです。

これはURLである：http://pier17.fr/beta-sanem/nous-contacter.html

はありがとうございましたし、良い一日持っています。

Answer 1

これはあなたのコードです：

ので

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 
    }); 
} 

あなたには、いくつかの他のメーカーを作りたい場合は、マーカーのパラメータは、ループコードのために配置されます。

私はこのコードを提案しています...しかし、私はそれをテストしませんでした！

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 
    }); 
}