ลบเส้น polyline ออกจาก แผนที่ Google Map กรณีสร้างเส้น google.maps.Polyline

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

ลบเส้น polyline ออกจาก แผนที่ Google Map กรณีสร้างเส้น google.maps.Polyline

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ลบเส้น polyline ออกจาก แผนที่ Google Map กรณีสร้างเส้น google.maps.Polyline
ตัวอย่างการสร้างเส้น

โค้ด: เลือกทั้งหมด

// flightPlanCoordinates = []; // กำหนด พิกัดเป็น array 
//เช่น 
                         var flightPlanCoordinates = [
                                                                                                                    {lat: 13.847, lng: 100.358},
                                                                                                                   {lat: 13.926, lng: 100.498},
                                                                                                                   {lat: 13.892, lng: 100.660},
                                                                                                          ];

                                              flightPath = new google.maps.Polyline({
                                                   path: flightPlanCoordinates,
                                                 geodesic: true,
                                                  strokeColor: '#FF0000',
                                                  strokeOpacity: 1.0,
                                                  strokeWeight: 3
                                                });
// ลากเส้น 
flightPath.setMap(map);
กำหนดไม่ให้เส้นแสดง กรณีจะลบออกจาก Map

โค้ด: เลือกทั้งหมด

flightPath.setVisible(false);
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: ลบเส้น polyline ออกจาก แผนที่ Google Map กรณีสร้างเส้น google.maps.Polyline

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

อีกรูปแบบ ใช้การสร้างเส้นเป็น array

โค้ด: เลือกทั้งหมด

var line = [];
 polyline = new google.maps.Polyline({
        path: points,
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2
    });
 line.push(polyline);
ลบเส้นด้วย

โค้ด: เลือกทั้งหมด

for (i=0; i<line.length; i++) 
{                           
  line[i].setMap(null); //หรือใช้ำสั่ง  line[i].setVisible(false);
}
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 63