2012-02-07 14 views
0

私はGoogleマップで連絡先ページを設定しています。私はピンとシャドウだけでなく、クリックするとinfoboxボックスを作成しました。 infoboxの中で私はCopernicusのカスタムフォントを使いたいと思っています。私は、この特定のフォントのjs cufon replaceスクリプトをページのヘッダーに既に使用しています。今私はマップのための場所にjsスクリプトを既に持っているので、私もinfoboxでそれを使用できるかどうか疑問に思っていますか?もしそうなら、どのように?今のよう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