cufon.replace внутри google maps contentString - PullRequest
Новая
       29

cufon.replace внутри google maps contentString

0 голосов
/ 08 февраля 2012

Я настраиваю страницу контактов с картой Google.Я создал булавку и тень, а также окно с инфобоксом при нажатии.Внутри инфобокса я хотел бы использовать собственный шрифт Copernicus.Я уже использовал js cufon replace скрипт для этого конкретного шрифта в заголовке страницы.Теперь мне интересно, могу ли я использовать его и в инфобоксе, так как там у меня уже есть сценарий js для карты?Если так, то как ??

На данный момент мой сценарий выглядит следующим образом: 

<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>

Заранее спасибо!

1 Ответ

0 голосов
/ 08 февраля 2012

Попробуйте использовать Cufon.refresh(): 

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

Он перезапустит замену шрифта Cufon с использованием начального селектора ...

...