Görüntüde heatmap.js nasıl oluşturulur?

Question

Googlemap eklentisini kullanarak bir ısı haritası kaplamak için heatmap.js kullanıyorum. Resmi, ısı haritası kaplamasıyla birlikte bir resim olarak indirebilmek istiyorum. Ben heatmapInstance.getDataURL() yöntemi denedim görüntü ile birlikte değil bindirme bölgesini döndürür.

Answer 1

Eğer benim id 'ısı haritası' ile eleman var görebileceğiniz gibi sizin div ve komut dosyası etiketlerinin

var heatmapInstance = h337.create({ 
    container: document.getElementById('heatMap') 
}); 

içi kullanılan bir kimliği oluşturmak gerekir. Sayfadaki resmi yerleştirmek istediğiniz yere div içindeki sadece kimliği 'ısı haritası' diyoruz Yani

<div id='heatMap'></div> 

kullandığım Sonra sadece css

#heatMap { 
    background-image: url(HinckleyTown.jpg); 
    height: 445px; 
    width: 840px; 
} 

kullanarak sıcaklık haritası altında bir görüntü yerleştirmek css, html ve javascript için aynı kimlik.