แสดง marker จากการเลือก checkbox Google Api V.3
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา แสดง marker จากการเลือก checkbox Google Api V.3
แสดง marker จากการเลือก checkbox Google Api V.3
Copy
คือว่าผม จะแสดง 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
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
สนับสนุนเว็บไซต์เรา จ่ายด้วย 
Author Ninenik Narkdee
2024 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ