Translate

วันอังคารที่ 13 สิงหาคม พ.ศ. 2556

ปัญหาการแสดงผลของ zoom control ใน google map version 3 บน web

ใครเคยพบปัญหานี้บ้างครับ ตัว zoom control ใน map ที่เรานำมาใช้บน web เกิดการแสดงผล error ขึ้นมา


หลังจากค้นดูสักพัก ก็มีคนพบปัญหาเดียวกันเยอะอยู่ครับ นั่นเป็นเพราะรูปภาพสำหรับแสดง zoom control มีค่า max-width : 100% นั่นเอง ทางแก้ก็ใช้ CSS Override มันครับ ดังนี้

เพิ่ม <style>#map_canvas img{ max-width:none; }</style> ไว้ด้านบนของ <div id="map_canvas"></div> ซะ เท่านี้ก็เรียบร้อย การแสดงผลก็จะกลับมาเหมือนเดิมที่ควรจะเป็นล่ะ แต่ถ้าใครไม่ได้ อย่าลืม! ว่า ชื่อ id div ของ map canvas ถูกต้องนะครับ ^__^


ไม่มีความคิดเห็น:

แสดงความคิดเห็น