2012-02-07 2 views
0

Google지도로 연락처 페이지를 설정 중입니다. 나는 핀볼과 그림자뿐만 아니라 클릭하면 infobox 상자를 만들었습니다. infobox 안에 코페르니쿠스의 맞춤 글꼴을 사용하고 싶습니다. 나는 페이지의 헤더에있는이 특정 폰트를위한 js cufon replace 스크립트를 이미 사용했다. 이제 이미 infobox에서 사용할 수 있을지 궁금합니다. 거기에 이미지도 용 js 스크립트가 있습니다. 그렇다면, 어떻게? 지금 현재로cufon.replace google maps contentString

, 내 스크립트는 다음과 같습니다

<script type="text/javascript"> 
    function initialize() { 
     var latlng = new google.maps.LatLng(31.4249122, 117.6179591); 
     var settings = { 
      zoom: 15, 
      center: latlng, 
      mapTypeControl: true, 
      mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, 
      navigationControl: true, 
      navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

var map = new google.maps.Map(document.getElementById("map_canvas"), settings); 
    var contentString = '<div id="content">'+ 
     '<div id="siteNotice">'+ 
     '</div>'+ 
     '<h1 id="firstHeading" class="firstHeading">Header placed here</h1>'+ 
     '<div id="bodyContent">'+ 
     '<p>Description of business placed Here</p>'+ 
     '</div>'+ 
     '</div>'; 

    var infowindow = new google.maps.InfoWindow({ 
     content: contentString 
    }); 
    var companyLogo = new google.maps.MarkerImage('/imgs/mapMarker.png', 
     new google.maps.Size(100,50), 
     new google.maps.Point(0,0), 
     new google.maps.Point(50,50) 
    ); 
    var companyShadow = new google.maps.MarkerImage('/imgs/mapShadow.png', 
     new google.maps.Size(130,50), 
     new google.maps.Point(0,0), 
     new google.maps.Point(65, 50) 
    ); 
    var companyPos = new google.maps.LatLng(31.4249122, 117.6179591); 
    var companyMarker = new google.maps.Marker({ 
     position: companyPos, 
     map: map, 
     icon: companyLogo, 
     shadow: companyShadow, 
     title:"Company Title" 
    }); 
    google.maps.event.addListener(companyMarker, 'click', function() { 
     infowindow.open(map,companyMarker); 
    }); 
    } 
</script> 

사전에 감사! Cufon.refresh()를 사용

답변

0

시도 :

google.maps.event.addListener(companyMarker, 'click', function() { 
    infowindow.open(map,companyMarker); 
    Cufon.refresh(); 
}); 

그것은 초기 선택기를 사용하여 Cufon 글꼴 교체를 다시 실행합니다 ...

+0

천재! 정말 고마워. 완벽하게 일했습니다! – Adam