PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

แสดง 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 IP: 203.113.0.xxx วันที่: 29-06-2011 เวลา: 14:28:21

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 5

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

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

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

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

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


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



โดย:  Ninepipe IP: 124.121.163.xxx วันที่: 04-07-2011 เวลา: 21:07:07
 ความคิดเห็นที่ 4

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

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



โดย:  Ninenik IP: 183.89.143.xxx วันที่: 30-06-2011
 ความคิดเห็นที่ 3

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



โดย:  Ninepipe IP: 203.113.0.xxx วันที่: 30-06-2011 เวลา: 13:34:58
 ความคิดเห็นที่ 2

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

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



โดย:  Ninepipe IP: 203.113.0.xxx วันที่: 29-06-2011 เวลา: 15:07:25
 ความคิดเห็นที่ 1

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



โดย:  Ninepipe IP: 203.113.0.xxx วันที่: 29-06-2011 เวลา: 14:29:54