顯示和掩碼onclick標記谷歌地圖

Question

我有一個谷歌地圖的問題。

我在我的谷歌地圖上有三個標記。

在第一個視圖中，我想顯示一個標記。

如果我點擊btn2或btn3，我想要顯示它並掩蓋標記1. 同樣如果我點擊btn1時顯示btn2或btn3。

我想用特定的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 
     }); 
    } 

，這是我的代碼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> 

我希望你能幫助我。

這是網址：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循環代碼。

我建議這個代碼...但我沒有測試它！

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