แสดง marker จากการเลือก checkbox Google Api V.3

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา แสดง marker จากการเลือก checkbox Google Api V.3

แสดง marker จากการเลือก checkbox Google Api V.3

คือว่าผม จะแสดง marker จากการเลือก checkbox อะครับ
ประมานว่า ถ้าเลือก checkbox นี้แสดง marker รูปนี้ เลือก อีกอันก็แสดงอีกรูป โดยใช้ onchange
โดย checkbox ถูกวนสร้างจาก database ซืึ่ง database เก็บ path รูปของ marker เอาไว้อะครับ
ช่วยแนะนำหน่อยครับ ขอบคุณครับ...^^

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
       
      function initialize() {  
        var checked = new Array(); 
         $('#roleList :input:checked').each(function() {                         checked[checked.length] = $(this).val();//อันนี้น่าจะเป็น เก็บค่า checkbox ใส่ ตัวแปร checked พอดีดูเขามาอีกที
 
                });
                 
        alert(checked); // alert ดูค่า checkbox
                 
        var mapDiv = document.getElementById('map-canvas');
        var latLng = new google.maps.LatLng(37.4419, -122.1419);
        var map = new google.maps.Map(mapDiv, {
        center: latLng,
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
        });
             
        var myLatLng = new google.maps.LatLng(-33.890542, 151.274856);
        var beachMarker = new google.maps.Marker({
          position: latLng,
          map: map,
          icon: checked //ให้ Icon marker แสดง รูปจาก ค่า path ที่ได้จาก databse
        });
      }
       
      google.maps.event.addDomListener(window, 'load', initialize);
</script>
   
   
 </HEAD>
  <BODY style="font-family: Arial; border: 0 none;">
    <div id="map-canvas" style="width: 500px; height: 400px"></div>
  <form>
        <div id="roleList">
        <? require("t1_connect.php");
    $sql = "select * from type  "; 
    $dbQuery = mysql_query($sql); 
    while($result = mysql_fetch_array($dbQuery))//วนสร้าง Checkbox จากดาต้าเบส
    {
         $type_id = $result["id_type"]; 
         $type_name = $result["nametype"];
         $type_pic = $result['pictype'];
         echo "<table>";  
         echo "<tr>";
         echo "<td align =center><input type=checkbox name=chkContact[] value='$type_pic' onchange='initialize()'></td>"; //ให้ค่าของ checkbox เป็น path รูป
         echo "<td align =center>$type_name</td>"; 
         echo "</tr>"; 
         echo "</table>"; 
    }//end for  ?>
        </div>
  </form>
 </BODY>
</HTML>

Ninepipe 29-06-2011 14:28:21

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ขอบคุณล่วงหน้าครับ ^^

Ninepipe 29-06-2011 14:29

ความคิดเห็นที่ 2

http://www.australiantravel.info/travelling-by-boat.html

ประมานนี้อะครับ ><

Ninepipe 29-06-2011 15:07

ความคิดเห็นที่ 3

ทำยังไง marker มันก็ไม่ขึ้นอะครบ....T.T

Ninepipe 30-06-2011 13:34

ความคิดเห็นที่ 4

ที่จะทำ ยากอยู่น่ะ ต้องอาศัยความเข้าใจหลายอย่างมาประยุกต์ รวมๆ กัน ที่จะแนะนำคือให้สร้างแบบไม่ต้องไปดูเรียกว่าคลิก checkbox

ให้ดูแค่ว่า เราสามารถดึงข้อมูลมาจากฐานข้อมูล มาสร้าง เส้น path ในแผนที่ได้ก่อน แล้วค่อยไปทำส่วนอื่นเป็นสเต็บๆ ไป

Ninenik 30-06-2011

ความคิดเห็นที่ 5

ขอบคุณมากครับ..

คือว่าแสดงเส้นทางอะครับทำได้แล้ว

แสดง marker ก็ทำได้แล้ว แต่ทำแบบแสดงเป็นรูปเหมือนกันทั้งหมดอะครับ

พอจะทำแสดงแยกเป็นประเภทมันไม่ยอมขึ้นอะครับ

โค๊ดที่ โพสไว้ อันนั้นเป็นอันที่ผมลองทำเฉยๆ ไม่ได้เอาโค๊ดจริงที่รวมหลายๆอย่างไว้มาลง เด๋วมันจะยาวลายตา งงไปหมด

แต่ยังไงก็ ขอบคุณมากนะครับ

Ninepipe 04-07-2011 21:07

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน