나는 코딩과 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>
[게시 된 코드가있는 피들] (http://jsfiddle.net/sau4x1ry/) - infowindow 텍스트에 문제가 없습니다. 아마도 CSS 문제 일 겁니다. – geocodezip
당신은 아주 옳습니다. 내 div에 class = "googleMap"을 추가 한 다음 내 스타일 시트에서 해당 클래스에 글꼴 색상을 추가하고 문제를 정렬했습니다. 저를 올바른 방향으로 향하게 해주셔서 대단히 감사합니다! – Greg