Styling jendela infow cukup mudah dengan javascript vanilla. Saya menggunakan beberapa info dari utas ini saat menulis ini. Saya juga memperhitungkan kemungkinan masalah dengan versi sebelumnya yaitu (meskipun saya belum mengujinya dengan mereka).
var infowindow = new google.maps.InfoWindow({
content: '<div id="gm_content">'+contentString+'</div>'
});
google.maps.event.addListener(infowindow,'domready',function(){
var el = document.getElementById('gm_content').parentNode.parentNode.parentNode;
el.firstChild.setAttribute('class','closeInfoWindow');
el.firstChild.setAttribute('title','Close Info Window');
el = (el.previousElementSibling)?el.previousElementSibling:el.previousSibling;
el.setAttribute('class','infoWindowContainer');
for(var i=0; i<11; i++){
el = (el.previousElementSibling)?el.previousElementSibling:el.previousSibling;
el.style.display = 'none';
}
});
Kode membuat jendela masuk seperti biasa (tidak perlu plugin, hamparan khusus, atau kode besar), menggunakan div dengan id untuk menampung konten. Ini memberikan kaitan dalam sistem yang bisa kita gunakan untuk mendapatkan elemen yang benar untuk dimanipulasi dengan stylesheet eksternal sederhana.
Ada beberapa bagian tambahan (yang tidak benar-benar diperlukan) yang menangani hal-hal seperti memberikan hook ke div dengan gambar jendela info dekat di dalamnya.
Loop terakhir menyembunyikan semua bagian panah penunjuk. Saya membutuhkan ini sendiri karena saya ingin transparansi pada jendela masuk dan panah menghalangi. Tentu saja, dengan pengait, mengubah kode untuk mengganti gambar panah dengan png pilihan Anda juga harus cukup sederhana.
Jika Anda ingin mengubahnya menjadi jquery (tidak tahu mengapa Anda mau) maka itu seharusnya cukup sederhana.
Saya biasanya bukan pengembang javascript jadi semua pemikiran, komentar, kritik diterima :)
