2015-01-19 2 views
-1

Google지도의 각기 다른 위치에 다른 아이콘을 어떻게 추가하나요? 모든 장소에 하나의 아이콘을 추가 할 수 있습니다. 그러나 위치마다 아이콘을 변경해야합니다.다른 마커 아이콘을 Google지도의 다른 위치에 추가

<script type="text/javascript"> 
     var locations = [ 
      ['Doune Castle', 56.185096, -4.050264, 1], 
      ['Holyrood Palace', 55.952715, -3.172270, 2], 
      ['Royal Mile', 55.950336, -3.186347, 3], 
      ['Blackness Castle', 56.005865, -3.516252, 4], 
      ['Urquhart Castle', 57.324140, -4.442001, 5], 
      ['Loch Ness', 57.322857, -4.424382, 6], 
      ['Culloden Battlefield', 57.477790, -4.095711, 7], 
      ['Clava Cairns, Inverness', 57.473366, -4.071808, 8] 
     ]; 

     var image = '<?php bloginfo('template_url'); ?>/images/kilt-pin.png'; 

     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 8, 
      center: new google.maps.LatLng(56.490671, -4.202646), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }); 

     var infowindow = new google.maps.InfoWindow(); 

     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, 
      icon: image 
      }); 

      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
      return function() { 
       infowindow.setContent(locations[i][0]); 
       infowindow.open(map, marker); 
      } 
      })(marker, i)); 
     } 
     </script> 

어떤 아이디어 :

여기 내 코드입니까?

http://temp62.clrs-hosting.co.uk/outlander-tours/

Slainté :에서

당신은 내가 무슨 짓을했는지 볼 수 있습니다!

+0

'var image ='/images/kilt-pin.png ';' –

답변

0

이미지 위치 URL을 해당 위치의 위치 배열에 넣습니다. 그런 다음 동일한 색인으로 루프 내에서 액세스하십시오.

+0

답변 해 주셔서 감사합니다. 중복 답변 죄송합니다. 내가 사이트를 검색했을 때 나는 그것을 볼 수 없었다. 여기 스코틀랜드에서는 섭씨 5도입니다. 그래서 뇌가 얼어 붙었습니다! –