Google Map มาใส่หน้าเว็บหลายๆ map ทำได้ไหม?

[diaryzechompoo]

พอดีอยากเอา map มาใส่หน้าเว็บ ในลักษณะเป็น tab ค่ะ

ลองทำแล้วใช้ได้แค่ tab แรก ที่เหลือจะเอ๋อ ๆ ค่ะ

แล้วมันทำได้หรือป่าวค่ะ ใครทราบช่วยตอบด้วยค่ะ

[hyde4fun]

ใช่ประมาณนี้รึเปล่าครับ http://smbwheel.com/home/smb-contacts.html

[Queue]

ใช่ประมาณนี้รึเปล่าครับ http://smbwheel.com/home/smb-contacts.html

ไม่น่าใช่นะครับ

อ่านจากคำถามคือมีหลาย map ในหน้าเดียว แต่แบ่งเป็น tab

ไม่ใช่ map เดียว แต่มีหลายจุด

[picharnan]

น่าจะได้นะครับ ที่มันเอ๋ออาจจะเป็นเพราะเขียนไม่ดีหรือเปล่าครับ

[MD.18]

ลองเอาหลายๆแผนที่ไว้หน้าจอเดียว ตอนดู localhost ดูได้ แต่ อัพขึ้นโฮส แล้ว ไม่ขึ้นแผนที่เลย 

[diaryzechompoo]

ใช่ประมาณนี้รึเปล่าครับ http://smbwheel.com/home/smb-contacts.html

ไม่น่าใช่นะครับ

อ่านจากคำถามคือมีหลาย map ในหน้าเดียว แต่แบ่งเป็น tab

ไม่ใช่ map เดียว แต่มีหลายจุด

เป็นลักษณะหลาย map ในหน้าเดียวค่ะ แบ่งเป็น tab ถุกต้องแล้วค่ะ แต่ละ map มีหลายจุดด้วยค่ะ 

[bonshington]

ทำได้คับ แต่มันมีเทคนิค ถ้า map มันไม่แสดงบนหน้าจอ (display: none) มันจะเอ๋อเวลา render
วิธีแก้คือ ให้ใช้ delay load
เช่นว่า tab 1 ก็load เปิด map มาเลย ส่วน tab อื่นๆ ให้โหลดตอนกดเปิด tab

เช่น
<ul id="tab" class="tab">
<li>tab1</li>
<li>tab2</li>
</ul>

$("#tab>:not(:first)").one("click", function(){ ...เปิด map ตาม tab นั้นๆ });

เป็นเพราะ js engine มนต้องการจับ position ของจอเพื่อ render หน้า map

มีวิธีแก้อีกวิธีคือใช้ map ใน iframe วิธีนี้ไม่เอ๋อ

ปล เวลาแนบ script google map แนะนำให้กำหนดเวอร์ชันลงไปเลย เมื่อก่อนเคยไม่กำหนด ทำไปทำมา มัน up เวอร์ชันแล้วเอ๋อ