แสดง 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 203.113.0.xxx 29-06-2011 14:28:21

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

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


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


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

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

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



Ninepipe 203.113.0.xxx 29-06-2011 14:29
 ความคิดเห็นที่ 2

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

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



Ninepipe 203.113.0.xxx 29-06-2011 15:07
 ความคิดเห็นที่ 3

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



Ninepipe 203.113.0.xxx 30-06-2011 13:34
 ความคิดเห็นที่ 4

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

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



Ninenik 183.89.143.xxx 30-06-2011
 ความคิดเห็นที่ 5

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

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

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

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

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


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



Ninepipe 124.121.163.xxx 04-07-2011 21:07
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ