2015-01-02 3 views
0

나는 코딩과 API에 대해 매우 잘 알고 있지 않은 뮤지션이다. 얼마 전에 나는 내 밴드 웹 사이트 http://www.rovingcrows.com/gigs.html (아래쪽 아래)의지도 섹션을 함께 수화했다. 그것은 오래 동안 잘 작동했지만, 지금은 텍스트가 내 정보창 안의 흰색으로 바뀌 었습니다. I'v는 좋은 검색을했고 이해하거나 성공적으로 구현 한 문제를 찾을 수 없습니다. 나는 단순히 내가 어떻게 더 오래 기억하는지 오래 기억할 수있는 코드 한 장을 복사하여 붙여 넣어 사이트를 유지합니다. 1 년 동안 나는 새로운 변수를 추가 할 때마다 기본 변수 이름과 세부 정보를 변경했습니다. "gig by gig"코드는 아래에 있으며 각 공연마다 반복됩니다.InfoWindow Text Color Change

var oct10silp=new google.maps.LatLng(52.536939,-2.808834); 
var oct10silm=new google.maps.Marker({position:oct10silp,}); 
oct10silm.setMap(map); 
var oct10sili = new google.maps.InfoWindow({ 
     content:"October 10, Silvester Horne Institute, Church Stretton" 
    }); 
google.maps.event.addListener(oct10silm, 'click', function() { 
    oct10sili.open(map,oct10silm); 
}); 

이 코드에 간단한 선이나 변수를 추가하여 다시 사용할 수 있습니까?

감사합니다.

그렉

편집 : 다음은 전체 코드입니다. 2 기가에 벗겨지면 아이디어를 얻을 수 있습니다.

<script> 

var myCenter=new google.maps.LatLng(52.633375,-1.691036); 

function initialize() 
{ 
var mapProp = { 
    center:myCenter, 
    zoom:6, 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 

     var oct10silp=new google.maps.LatLng(52.536939,-2.808834); 
     var oct10silm=new google.maps.Marker({ 
     position:oct10silp,}); 
     oct10silm.setMap(map); 
     var oct10sili = new google.maps.InfoWindow({ 
      content:"October 10, Silvester Horne Institute, Church Stretton"}); 
     google.maps.event.addListener(oct10silm, 'click', function() { 
     oct10sili.open(map,oct10silm);}); 

     var oct11chapp=new google.maps.LatLng(51.37975,-2.360497); 
     var oct11chapm=new google.maps.Marker({ 
     position:oct11chapp,}); 
     oct11chapm.setMap(map); 
     var oct11chapi = new google.maps.InfoWindow({ 
      content:"October 11, Chapel Arts Centre, Bath"}); 
     google.maps.event.addListener(oct11chapm, 'click', function() { 
     oct11chapi.open(map,oct11chapm);}); 

} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
+0

[게시 된 코드가있는 피들] (http://jsfiddle.net/sau4x1ry/) - infowindow 텍스트에 문제가 없습니다. 아마도 CSS 문제 일 겁니다. – geocodezip

+0

당신은 아주 옳습니다. 내 div에 class = "googleMap"을 추가 한 다음 내 스타일 시트에서 해당 클래스에 글꼴 색상을 추가하고 문제를 정렬했습니다. 저를 올바른 방향으로 향하게 해주셔서 대단히 감사합니다! – Greg

답변

0

동일한 문제가있는 사람들.

"googleMap"지도의 div가 내 CSS 스타일 시트에서 글꼴 색을 사용하고있었습니다.

이것을 정렬하려면 class에 "AnyUnusedClassName"을 추가하고 내 마스터 스타일 시트에 추가하십시오.

.AnyUnusedClassName { 
color: #000000; 
}