2010-08-03 3 views
0

이것은 내가 지금까지 가지고있는 것이다.Google Maps Javascript API v3을 사용하면 클릭시 기본 infobox를 어떻게 생성합니까?

function init_map() { 
    var places = [ 
     { name: "Place 1", coords: new google.maps.LatLng(30.728752, -73.995525)}, 
     { name: "Place 2", coords: new google.maps.LatLng(30.733673, -73.990028)}, 
     { name: "Place 3", coords: new google.maps.LatLng(40.725778, -73.992249)} 
    ] 

    var myOptions = { 
     zoom: 14, 
     center: places[0].coords, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    } 

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    for (var x=0; x < places.length; x++){ 
     var place = places[x]; 
     var marker = new google.maps.Marker({ 
      position: place.coords, 
      title: place.name, 
      icon: icon, 
      clickable: true, 
      infowindow: new google.maps.InfoWindow({content:"hello world"}) 
     }); 
     marker.setMap(map); 

     google.maps.event.addListener(marker, 'click', function() { 
      marker.infowindow.open(map, marker); 
      console.log(marker); 
     }); 
    } 
}; 
내가 주소를 검색 할 때 구글 맵 대신 내 자신의 사용자 정의 윈도우의 표시에 당신이 볼하려는 기본 InfoWindow는 가지고 싶습니다

. 이것이 어떻게 가능한지?

+0

코드를 보면 어쨌든 그렇게합니다. 겹치는 CSS 스타일이 없는지 확인하십시오! 그게 당신의 툴팁을 망칠 수 있습니다. –

+0

실제로 그렇지 않습니다. InfoWindow를 생성하면 InfoWindow에 내용을 넣길 기대합니다. 기본 Google 콘텐츠가 있어야합니다. – blackrobot

답변

0

기본 Google 콘텐츠 란 무엇입니까?

또한 하나의 정보창 개체 만 만들고 마커간에 공유하는 것이 더 좋을 수 있습니다.