Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ช่วยด้วยครับ !! มีปัญหาการแสดงข้อมูล InfoWindow บน Google map v3

ช่วยด้วยครับ !! มีปัญหาการแสดงข้อมูล InfoWindow บน Google map v3

เริ่มหัวข้อใหม่

ต้น

โพสกระทู้ ( 29 )
บทความ ( 0 )

จากรูปตัวอย่างนะครับ คือ infowindow มันแสดงข้อมูลที่ซ้ำกัน ส่วนทางด้านขวามือ จะแสดงข้อมูลจาก Database ที่ได้ทำการเพิ่มเข้าไปก่อนหน้านี้ คืออยากจะให้ข้อมูลแต่ละ Marker เมื่อคลิกจะแสดงข้อมูลของแต่ละจุดที่ต่างกันออกไปตามข้อมูลใน Database ครับ ไม่ทราบว่าจะต้องเขียนโค๊ตยังไงให้สามารถแยกข้อมูลของแต่ละ Marker ได้ ขอบคุณมากๆครับ

gmap img1

Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery

ประวัติการแก้ไข
2012-03-19 16:56:01

Date : 2012-03-19 16:53:36

By : furn2499

View : 2869

Reply : 8

No. 1

deawx

โพสกระทู้ ( 5,146 )
บทความ ( 26 )

เอาโค้ดมาลงสิครับ จะได้ช่วยกันแก้ และรุ่นต่อไป จะได้เป็นวิทยาทานร่วมกัน

Date : 2012-03-19 17:12:55

By : deawx

No. 2

ต้น

โพสกระทู้ ( 29 )
บทความ ( 0 )

นี่เป็นโค๊ตหน้าที่แสดงข้อมูลทั้งหมดครับ (ช่วยดูให้ทีครับ)

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Map API 3 - 01</title>
</head>
<body>
<div id="contain_map" style="left: 200px; width: 1280px; top: 0px">
  <div id="map_canvas" style="width: 800px"></div>
  <div id="side_bar" style="left: 5px; width: 226px; top: 2px">
    <ul id="navigator_link">
    </ul>
  </div>
</div>

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">  
    var map; // กำหนดตัวแปร map ไว้ด้านนอกฟังก์ชัน เพื่อให้สามารถเรียกใช้งาน จากส่วนอื่นได้  
    var infowindow=[]; // กำหนดตัวแปรสำหรับเก็บตัว popup แสดงรายละเอียดสถานที่  
    var infowindowTmp; // กำหนดตัวแปรสำหรับเก็บลำดับของ infowindow ที่เปิดล่าสุด  
    var my_Marker=[]; // กำหนดตัวแปรสำหรับเก็บตัว marker เป็นตัวแปร array  
    var GGM; // กำหนดตัวแปร GGM ไว้เก็บ google.maps Object จะได้เรียกใช้งานได้ง่ายขึ้น  
    function initialize() { // ฟังก์ชันแสดงแผนที่  
        GGM=new Object(google.maps); // เก็บตัวแปร google.maps Object ไว้ในตัวแปร GGM  
        // กำหนดจุดเริ่มต้นของแผนที่  
        var my_Latlng  = new GGM.LatLng(13.536916,99.813527);  
        // กำหนด DOM object ที่จะเอาแผนที่ไปแสดง ที่นี้คือ div id=map_canvas  
        var my_DivObj=$("#map_canvas")[0];   
        // กำหนด Option ของแผนที่  
        var myOptions = {  
            zoom: 10, // กำหนดขนาดการ zoom  
            center: my_Latlng , // กำหนดจุดกึ่งกลาง  
            mapTypeId:GGM.MapTypeId.ROADMAP, // กำหนดรูปแบบแผนที่  
            mapTypeControlOptions:{ // การจัดรูปแบบส่วนควบคุมประเภทแผนที่  
                position:GGM.ControlPosition.TOP_RIGHT, // จัดตำแหน่ง  
                style:GGM.MapTypeControlStyle.DROPDOWN_MENU // จัดรูปแบบ style   
            }  
        };  
        map = new GGM.Map(my_DivObj,myOptions);// สร้างแผนที่และเก็บตัวแปรไว้ในชื่อ map  
      
      
        $.ajax({  
            url:"gen_point.php", // ใช้ ajax ใน jQuery เรียกใช้ไฟล์ xml   
            dataType: "xml",  
            success:function(xml){  
                $(xml).find('marker').each(function(i){ // วนลูปดึงค่าข้อมูลมาสร้าง marker    
      
                    var markerID=$(this).find("id").text();// นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน      
                    var markerName=$(this).find("name").text();// นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน      
					var markerLocal=$(this).find("local_service").text();// นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน 
					var markerDate=$(this).find("date").text();
                    var markerLat=$(this).find("latitude").text();// นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน      
                    var markerLng=$(this).find("longitude").text(); // นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน    
                      
                    // ส่วนสำหรับสร้างลิ้งค์ใน sidebar  
                    /*var navi_link="<li><a href='javascript:showInfo("+i+")'><br>ชื่อ :"+markerName+"</a></li>";  
                    $("#navigator_link").prepend(navi_link);     // นำลิ้สรายการ พร้อมลิ้งค์ไปแสดงใน sidebar  */
					
					var navi_link="<li><a href='javascript:showInfo("+i+")'><br>รหัสอุปกรณ์ : "+markerID+"<br>ชื่อ : "+markerName+'<br>ที่อยู่ : '+markerLocal+'<br>วันที่ติดตั้ง :'+markerDate+'<br>ละติจูด : '+markerLat+'<br>ลองติจูด : '+markerLng+'<br>   .............................................................................'+' <br> '+'<br>'+"</a></li>";
					$("#navigator_link").prepend(navi_link);     // นำลิ้สรายการ พร้อมลิ้งค์ไปแสดงใน sidebar  */
					        
                                  
                    var markerLatLng=new GGM.LatLng(markerLat,markerLng);  
                    my_Marker[i] = new GGM.Marker({ // สร้างตัว marker เป็นแบบ array  
                        position:markerLatLng,  // กำหนดไว้ที่เดียวกับจุดกึ่งกลาง  
                        map: map, // กำหนดว่า marker นี้ใช้กับแผนที่ชื่อ instance ว่า map  
                        title:markerName // แสดง title เมื่อเอาเมาส์มาอยู่เหนือ  
                    });

              //  กรณีนำไปประยุกต์ ดึงข้อมูลจากฐานข้อมูลมาแสดง  
                  infowindow[i] = new GGM.InfoWindow({     
                      content:$.ajax({     
                          url:'gen_point.php',//ใช้ ajax ใน jQuery ดึงข้อมูล     
                          data:'id='+markerID,// ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล  
                          async:false     
                      }).responseText     
                  });               
                      
                    GGM.event.addListener(my_Marker[i], 'click', function(){ // เมื่อคลิกตัว marker แต่ละตัว  
                        if(infowindowTmp){ // ให้ตรวจสอบว่ามี infowindow ตัวไหนเปิดอยู่หรือไม่  
                            infowindow[infowindowTmp].close();  // ถ้ามีให้ปิด infowindow ที่เปิดอยู่  
                        }  
                        infowindow[i].open(map,my_Marker[i]); // แสดง infowindow ของตัว marker ที่คลิก  
                        infowindowTmp=i; // เก็บ infowindow ที่เปิดไว้อ้างอิงใช้งาน  
                    });           
                });  
            }     
        });       
      
          
    }  
    // ส่วนของฟังก์ชันที่เรียกใช้งานจากลิ้งค์ เพื่อแสดง infowindow  
    function showInfo(i){ // ส่งค่า  i  คือ index ของตัว marker แต่ละตัวในแผนที่  
        //  เมื่อคลิกจากลิ้งค์ ให้ตัว marker ในแผนที่นั้นๆ ถูกคลิกด้วย  
        GGM.event.trigger(my_Marker[i],"click");   
    }     
    $(function(){  
        // โหลด สคริป google map api เมื่อเว็บโหลดเรียบร้อยแล้ว  
        // ค่าตัวแปร ที่ส่งไปในไฟล์ google map api  
        // v=3.2&sensor=false&language=th&callback=initialize  
        //  v เวอร์ชัน่ 3.2  
        //  sensor กำหนดให้สามารถแสดงตำแหน่งทำเปิดแผนที่อยู่ได้ เหมาะสำหรับมือถือ ปกติใช้ false  
        //  language ภาษา th ,en เป็นต้น  
        //  callback ให้เรียกใช้ฟังก์ชันแสดง แผนที่ initialize  
        $("<script/>", {  
          "type": "text/javascript",  
          src: "http://maps.google.com/maps/api/js?v=3.2&sensor=false&language=th&callback=initialize"  
        }).appendTo("body");      
    });  
    </script>
</body>
</html>

ประวัติการแก้ไข
2012-03-19 17:42:32
2012-03-19 17:45:15

Date : 2012-03-19 17:40:32

By : furn2499

No. 3

ต้น

โพสกระทู้ ( 29 )
บทความ ( 0 )

ไม่มีคนแนะนำเลย...

Date : 2012-03-20 13:49:22

By : furn2499

No. 4

deawx

โพสกระทู้ ( 5,146 )
บทความ ( 26 )

ไม่รู้จะอธิบายยังไง .. โค้ดของคุณนิค ที่ผมเอาไปทดสอบ ตัวต้นฉบับ ก็ปกติดีนะครับ

Date : 2012-03-21 23:04:47

By : deawx

No. 5

Guest

ขอดูหน้า xml หน่อยซิครับ

Date : 2012-04-25 12:48:57

By : เน็ท

No. 6

lek

โพสกระทู้ ( 38 )
บทความ ( 0 )

สอบถามเรื่อง google map v2 --- จะแก้ไข เปลี่ยนเป็น map v3 ได้อย่างไรค่ะ ไม่ค่อยมีความรู้เรื่องนี้มากนะนะค่

และจะทำให้มันลิงค์มาจากฐานข้อมูลด้วยนะค่ะ

ขอบคุณทุกคนนะค่ะ

Code (PHP)

<? session_start();
	
	//include("db/connect.php");

	$ua = $_SERVER['HTTP_USER_AGENT'];
	if (strpos($ua,'MSIE 5')) {
		$browser = "IE";
	}else if (strpos($ua,'MSIE 6')) {
		$browser = "IE";
	}else if (strpos($ua,'MSIE 7')) {
			$browser = "IE";
	}else if (strpos($ua,'MSIE 8')) {
		$browser = "IE";
	}else if(strpos($ua,'Firefox/1')){
		$browser = "FF";
	}else if(strpos($ua,'Firefox/2')){
		$browser = "FF";
	}else if(strpos($ua,'Firefox/3')){
		$browser = "FF";
	}else{
		$browser = "OT";
	}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>ค้นหาข้อมูล สถานที่ติดตั้ง</title>
   <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAKaJQ6galA0QmFhNdQzYuwRQnaT__a1y-hZdnJBN4Ggj_4W3wVRTkKlGxp0EJvRTbiAqcn-FCYSTDog" 
       type="text/javascript"></script>

<!-- <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=AIzaSyB5YrrHl1OWszgtV8TnmIh26XpHUt74kNw" type="text/javascript"></script>-->
<!-- <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB5YrrHl1OWszgtV8TnmIh26XpHUt74kNw&sensor=false">
    </script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCEzFWJBhQ_zz5pw1cU4B7G8fN2_MVF44M&sensor=false"
  type="text/javascript"></script>-->
	

     <script src="js/gmaps.CircleOverlay.js" type="text/javascript"></script>
    <script type="text/javascript"> 
    //<![CDATA[
   var circle = null;
  var circle2 = null; 
    var map;
    var geocoder;


    var iconBlue = new GIcon(); 
    iconBlue.image = 'http://maps.google.com/mapfiles/kml/paddle/blu-stars.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(20, 22);
    iconBlue.shadowSize = new GSize(1, 1);
    iconBlue.iconAnchor = new GPoint(12, 8);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var icongreen = new GIcon(); 
    icongreen.image = 'http://maps.google.com/mapfiles/kml/paddle/grn-stars.png';
    icongreen.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    icongreen.iconSize = new GSize(20, 22);
    icongreen.shadowSize = new GSize(1, 1);
    icongreen.iconAnchor = new GPoint(12, 8);
    icongreen.infoWindowAnchor = new GPoint(5, 1);

var iconred = new GIcon(); 
    iconred.image = 'http://maps.google.com/mapfiles/kml/paddle/ylw-stars.png';
    iconred.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconred.iconSize = new GSize(20, 22);
    iconred.shadowSize = new GSize(1, 1);
    iconred.iconAnchor = new GPoint(12, 8);
    iconred.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["wdm"] = iconBlue;
    customIcons["indoor"] = icongreen;
    customIcons["outdoor"] = iconred;


    function load() {
      if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById("map_canvas"));
	geocoder = new GClientGeocoder();
	map.addMapType(G_PHYSICAL_MAP);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng( 13.761728449950002,100.6527900695800), 9);
	
      }
	}

   function searchLocationsNear() {
   var asearch = document.getElementById('asearch').value;
   var fsearch = document.getElementById('fsearch').value;
     var searchUrl = "search.php?fsearch=" + fsearch + "&asearch=" + asearch ;
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName('marker');

       var sidebar3 = document.getElementById('sidebar3');
       sidebar3.innerHTML = '';
       if (markers.length == 0) {
         sidebar3.innerHTML = 'No results found.';
         map.setCenter(new GLatLng( 13.761728449950002,100.6527900695800), 9);
         return;
       }

       var bounds = new GLatLngBounds();
       for (var i = 0; i < markers.length; i++) {
	        var fid = markers[i].getAttribute("id");
            var idarea = markers[i].getAttribute("idarea");
            var fuplink = markers[i].getAttribute("fuplink");
            var fport = markers[i].getAttribute("fport");
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type, idarea, fuplink, fport, fid);
            map.addOverlay(marker);

         var sidebarEntry = createSidebarEntry(marker, name, address);
         sidebar3.appendChild(sidebarEntry);
         bounds.extend(point);
       }
       map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
     });
 }

  function createMarker(point, name, address, type, idarea, fuplink, fport, fid) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<table width=300><tr><td>"+"Area: "+ idarea +"<br>"+ "Site: " + name +"<br>"+"Uplink: "+fuplink +"<br>"+"Port: "+fport +"port"+"<br>"+ "Device: " + type+"<br>"+"Add: "+address+ "<br>"+"GPS: "+point+"</td></tr></table>"; 
      GEvent.addListener(marker, 'click', function() {
       marker.openInfoWindowHtml(html);	
      });	

      return marker;
    }
function createSidebarEntry(marker, name, address) {
  var div = document.createElement('div');
  var html = "<b>" + name + "</b> <br/>" + address + "<br/> ------------------------------ <br/>" ;
  div.innerHTML = html;
  div.style.cursor = 'pointer';
  div.style.marginBottom = '5px';
  GEvent.addDomListener(div, 'click', function() {
    GEvent.trigger(marker, 'click');
  });
  GEvent.addDomListener(div, 'mouseover', function() {
    div.style.backgroundColor = '#eee';
  });
  GEvent.addDomListener(div, 'mouseout', function() {
    div.style.backgroundColor = '#fff';
  });

  return div;
}


//	 background-image: url(picture/page1952.jpg);
    //]]>

  </script>
  <style type="text/css">
<!--
body {
	
	 background-image: url(picture/page1952.jpg);
	
}
.style1 {color: #FF0000}
.style2 {color: #FF9B9B}
.style3 {
	font-size: 14px;
	font-weight: bold;
}
.style4 {color: #0000FF}
.style5 {color: #00FF00}
-->
  </style></head>
<!-- <body onload="load(),initialize()" onunload="GUnload()"> -->
<body onload="initWithMapStart()">
    <form action="#" onsubmit="showAddress(this.address.value); return false">
  <table> 
  <tbody> 
  <tr>
    <td width="600" height="402" rowspan="2"><div id="map_canvas" style="width: 600px; height: 400px"></div> </td>
    <td width="180" height="402" valign="top"><div align="center"><img src="pic/search1.jpg" alt="" width="180" height="36" />

          <!-- <input name="text" type="text" id="asearch" value="ใส่ข้อมูลที่จะใช้ค้นหา" size="30"/>
          ค้นหาจาก: 
          <select id="fsearch"> 
        
            <option value="fname" >Site</option>
            <option value="idarea" >Area</option> //idfarm=area
            <option value="faddress" >Province</option>
			<option value="type" >Device</option>

	          </select>old-->
			
 <input name="text" type="text" id="asearch" value="ใส่ข้อมูลที่จะใช้ค้นหา" size="30"/>
 <select id="fsearch">  
  <option value="fname" >Site</option>
            <option value="idarea" >Area</option> //idfarm=area
            <option value="faddress" >Province</option>
			<option value="type" >Device</option> 

			</select> 

			<seleect id = "fsearch">
		


	 <select name="type">
	 <option value="">all device</option> 
											  <option value="indoor">MSAN Indoor</option>
											  <option value="outdoor">MSAN Outdoor</option>
											  <option value="wdm">WDM</option>
											  <!-- <option value="tieofc">Tie OFC</option> -->
											 </select>
	<select name="area">
								<option value="">all area</option>
									<option value="บน.1.1">บน.1.1</option>
 <option value="บน.1.2">บน.1.2</option>
 <option value="บน.2.1">บน.2.1</option>
 <option value="บน.2.2">บน.2.2</option>
 <option value="บน.3.1">บน.3.1</option>
 <option value="บน.3.2">บน.3.2</option>
 <option value="บน.4.1">บน.4.1</option>
 <option value="บน.4.2">บน.4.2</option>
 <option disabled="disabled">บภ.1.1</option>
 <option value="เพชรบุรี">- เพชรบุรี</option>
 <option value="กาญจนบุรี">- กาญจนบุรี</option>
 <option value="นครปฐม">- นครปฐม</option>
 <option value="ประจวบคีรีขันธ์">- ประจวบคีรีขันธ์</option>
 <option value="ราชบุรี">- ราชบุรี</option>
 <option value="สมุทรสงคราม">- สมุทรสงคราม</option>
 <option value="สมุทรสาคร">- สมุทรสาคร</option>
 <option disabled="disabled">บภ.1.2</option>
 	<option value="อยุธยา">- อยุธยา</option>
 	<option value="สุพรรณบุรี">- สุพรรณบุรี</option>
 	<option value="อ่างทอง">- อ่างทอง</option>
 	<option value="สระบุรี">- สระบุรี</option>
 	<option value="ลพบุรี">- ลพบุรี</option>
 	<option value="สิงห์บุรี">- สิงห์บุรี</option>
 <option disabled="disabled">บภ.3.1</option>
  	<option value="เชียงราย">- เชียงราย</option>
 	<option value="แพร่">- แพร่</option>
 	<option value="แม่ฮ่องสอน">- แม่ฮ่องสอน</option>
 	<option value="พะเยา">- พะเยา</option>
 	<option value="ลำปาง">- ลำปาง</option>
 	<option value="ลำพูน">- ลำพูน</option>
    <option value="เชียงใหม่">- เชียงใหม่</option>
 	<option value="น่าน">- น่าน</option>
 <option disabled="disabled">บภ.3.2</option>
 <option value="ตาก">- ตาก</option>
 	<option value="นครสวรรค์">- นครสวรรค์</option>
 	<option value="พิจิตร">- พิจิตร</option>
 	<option value="พิษณุโลก">- พิษณุโลก</option>
 	<option value="สุโขทัย">- สุโขทัย</option>
 	<option value="อุตรดิตถ์">- อุตรดิตถ์</option>
    <option value="อุทัยธานี">- อุทัยธานี</option>
 	<option value="ชัยนาท">- ชัยนาท</option>
    <option value="เพชรบูรณ์">- เพชรบูรณ์</option>
 	<option value="กำแพงเพชร">- กำแพงเพชร</option>
								</select>
							 </select>	
	<!-- <tr>
						<td align="center">
							<form name="search_file" method="post" action="all_document.php">
								<TABLE border="0" width="520" cellspacing="0" cellpadding="2">
								<TR>
									<TD>Name site :</TD>
									<TD><input type="text" name="site" style="180"></TD>
									<TD>
										<select name="group">
											 <option value="">all device</option>
											  <option value="msanindoor">MSAN Indoor</option>
											  <option value="msanoutdoor">MSAN Outdoor</option>
											  <option value="wdm">WDM</option>
											  <option value="tieofc">Tie OFC</option>
											</select>
									</TD>
									<TD width="20" align="center">
								<select name="area">
								<option value="">all area</option>
									<option value="บน.1.1">บน.1.1</option>
 <option value="บน.1.2">บน.1.2</option>
 <option value="บน.2.1">บน.2.1</option>
 <option value="บน.2.2">บน.2.2</option>
 <option value="บน.3.1">บน.3.1</option>
 <option value="บน.3.2">บน.3.2</option>
 <option value="บน.4.1">บน.4.1</option>
 <option value="บน.4.2">บน.4.2</option>
 <option disabled="disabled">บภ.1.1</option>
 <option value="เพชรบุรี">- เพชรบุรี</option>
 <option value="กาญจนบุรี">- กาญจนบุรี</option>
 <option value="นครปฐม">- นครปฐม</option>
 <option value="ประจวบคีรีขันธ์">- ประจวบคีรีขันธ์</option>
 <option value="ราชบุรี">- ราชบุรี</option>
 <option value="สมุทรสงคราม">- สมุทรสงคราม</option>
 <option value="สมุทรสาคร">- สมุทรสาคร</option>
 <option disabled="disabled">บภ.1.2</option>
 	<option value="อยุธยา">- อยุธยา</option>
 	<option value="สุพรรณบุรี">- สุพรรณบุรี</option>
 	<option value="อ่างทอง">- อ่างทอง</option>
 	<option value="สระบุรี">- สระบุรี</option>
 	<option value="ลพบุรี">- ลพบุรี</option>
 	<option value="สิงห์บุรี">- สิงห์บุรี</option>
 <option disabled="disabled">บภ.3.1</option>
  	<option value="เชียงราย">- เชียงราย</option>
 	<option value="แพร่">- แพร่</option>
 	<option value="แม่ฮ่องสอน">- แม่ฮ่องสอน</option>
 	<option value="พะเยา">- พะเยา</option>
 	<option value="ลำปาง">- ลำปาง</option>
 	<option value="ลำพูน">- ลำพูน</option>
    <option value="เชียงใหม่">- เชียงใหม่</option>
 	<option value="น่าน">- น่าน</option>
 <option disabled="disabled">บภ.3.2</option>
 <option value="ตาก">- ตาก</option>
 	<option value="นครสวรรค์">- นครสวรรค์</option>
 	<option value="พิจิตร">- พิจิตร</option>
 	<option value="พิษณุโลก">- พิษณุโลก</option>
 	<option value="สุโขทัย">- สุโขทัย</option>
 	<option value="อุตรดิตถ์">- อุตรดิตถ์</option>
    <option value="อุทัยธานี">- อุทัยธานี</option>
 	<option value="ชัยนาท">- ชัยนาท</option>
    <option value="เพชรบูรณ์">- เพชรบูรณ์</option>
 	<option value="กำแพงเพชร">- กำแพงเพชร</option>
								</select>
								</TD>
									<TD><input type="submit" name="submit" value="ค้นหา"><input type="hidden" name="topic" value="<?=$topic;?>"><input type="hidden" name="sub_topic" value="<?=$sub_topic;?>"></TD>
								</TR>
								</TABLE>
								
							</form>
						</td>
					</tr> -->
	
          <input type="button" onclick="searchLocationsNear()" value="เริ่มค้นหา"/>
          </p>
        </div>
    <div id="sidebar3" style="overflow: auto; height: 295px; font-size: 11px; color: #000"></div> 
	</td>
    </tr> 
    </tbody>
  </table>


  <input type= button value="Refresh" onClick="javascript:location.reload();">
  <!-- <a href="index.php">BACK</a>
  <a href ="index.php">&nbsp;&nbsp;&nbsp;Back</a>
  <input  class="button" name="submit" type="Back" value="กลับ" ><a href = "index.php"/> -->
  <input type=button onClick="window.history.back()" value="Back">
  


 <form>
    <p class="style3">
      <label for="label"></label>
      <input type="image" name="imageField2" src="http://maps.google.com/mapfiles/kml/paddle/blu-stars.png" id="label" />
Device WDM<!-- <br /> -->

<label for="label2"></label>
<input type="image" name="imageField3" src="http://maps.google.com/mapfiles/kml/paddle/grn-stars.png" id="label2" />
Device Indoor <!-- </p> -->
<label for="label3"></label>
<input type="image" name="imageField4" src="http://maps.google.com/mapfiles/kml/paddle/ylw-stars.png" id="label3" />
Device Outdoor </p>
  </form>




</form>
</body>
</html>

ประวัติการแก้ไข
2012-12-13 16:52:27
2012-12-13 16:53:14

Date : 2012-12-13 16:15:55

By : wongkhajang

No. 7

lek

โพสกระทู้ ( 38 )
บทความ ( 0 )

ยังไม่มีใครเสนอความคิดเห็นเลยอะ

Date : 2012-12-14 10:44:23

By : wongkhajang

No. 8

Guest

ไม่ส่งตัวแปร

Date : 2013-03-29 16:07:04

By : a

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยด้วยครับ !! มีปัญหาการแสดงข้อมูล InfoWindow บน Google map v3

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก