Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ต้องการส่งค่า Post ไปยังหน้า google-map.php เพื่อให้แสดงแผนที่ ใน div แผนที่ไม่ขึ้น เขียนยังไงได้บ้างครับ รบกวนพี่ๆ ในนี้ด้วยนะครับ



 

ต้องการส่งค่า Post ไปยังหน้า google-map.php เพื่อให้แสดงแผนที่ ใน div แผนที่ไม่ขึ้น เขียนยังไงได้บ้างครับ รบกวนพี่ๆ ในนี้ด้วยนะครับ

 



Topic : 115111



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



สถานะออฟไลน์




ต้องการส่งค่า Post ไปยังหน้า google-map.php เพื่อให้แสดงแผนที่ ใน <div id="display_googlemap"> มันแสดงแต่ข้อมูลที่ echo ออกมานะครับแผนที่ไม่ขึ้น เขียนยังไงได้บ้างครับ รบกวนพี่ๆ ในนี้ด้วยนะครับ


ไฟล์ select_position.php


Code (PHP)
<!DOCTYPE html>
<html lang="en-gb">
  <head>
    <meta charset="UTF-8">
    <title>Example - pure CSS</title>
    <link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/stylesheet-selection.css">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript">
	$(function(){
	$("#submitbtn").click(function(){
		 var url = "google-map.php";		 		
			 	$.post(url, {disease_id: $("#soflow").val()},
				function(data){$("#display_googlemap").html(data); } );
	});
	});
</script>

<div style="width:400px;">
		<section class="loginform cf">
		<form name="google-chart" class="google-chart-form" action="google-map.php" method="post" accept-charset="utf-8">
        <label for="Provice" style="margin-left:5px; font-size:14px; margin-right:5px; margin-top:10px;"><span><span></span></span>โปรดเลือกโรคระบาด</label>
        
<select id="soflow" name="disease_id" style="margin-top:20px; width:340px; margin-left:5px;margin-right:40px;">
  		<option value="0">-------------- เลือกโรคระบาดที่ต้องการแสดง --------------</option>
		<?php include_once ("inc/fontUTF8.inc.php"); include_once ("inc/connectdb.inc.php");
						$sql_conn = mysql_connect($db_host,$db_user,$db_pass);	mysql_select_db ($db_name);
						$sql = "SELECT * FROM shimp_disease";	mysql_query("SET NAMES UTF8");	$sql_query = mysql_query($sql,$sql_conn);
						while($row1 = mysql_fetch_array($sql_query)){			 	 
      					echo "<option value=\"$row1[disease_id]\" >$row1[disease_name]</option> " ;}?>">
</select>

<ul>
<li>
<input name="submit" type="button" id="submitbtn" value="แสดงข้อมูล" style="margin-top:20px;""></li>
</ul>
</form>
</section>
</div>
<div id="display_googlemap"></div>
</head>
<body>
</body>
</html>



ไฟล์ google-map.php

Code (PHP)
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Circles</title>
    <style>
	body { height:100%;margin:0;padding:0;font-family:tahoma, "Microsoft Sans Serif", sans-serif, Verdana;	font-size:12px;}/* css กำหนดความกว้างคสูงของแผนที่ */
	#map-canvas { width:1000px;height:500px;margin:auto;margin-top:50px;	}
	</style>
<?
				if ($_POST["disease_id"] == 1){$strokeColor = '#FF0000';	$fillColor =  '#FF0000';	}
		else 	if ($_POST["disease_id"] == 2){$strokeColor = '#00ff00';		$fillColor =  '#00ff00';		}
		else	if ($_POST["disease_id"] == 3){$strokeColor = '#ffec46';		$fillColor =  '#ffec46';		}
		else 	if ($_POST["disease_id"] == 4){$strokeColor = '#001dca';	$fillColor =  '#001dca';	}	
		
		echo $_POST["disease_id"] ;
		include_once ("inc/fontUTF8.inc.php");
		include_once ("inc/connectdb.inc.php");
		$sql_conn = mysql_connect($db_host,$db_user,$db_pass);
		mysql_select_db ($db_name);
		$sql =  "SELECT * FROM disease WHERE  disease.disease_id = $_POST[disease_id] ";
		mysql_query("SET NAMES UTF8");
		$sql_query = mysql_query($sql,$sql_conn);
		$records = mysql_num_rows($sql_query);
		$i=0; $k=0;
		while($row1 = @mysql_fetch_array($sql_query)){
				if ($point_learn[$k-1]<>$row1["point_id"]){
						$point_learn[$k] = $row1["point_id"];		
						$k = $k+1;	$i=$i+1;	}	$i=$i+1;	
						}
		$sql =  "SELECT * FROM disease left join point_learn on disease.point_id = point_learn.point_id
					WHERE  disease.disease_id = $_POST[disease_id]";
		mysql_query("SET NAMES UTF8");
		$sql_query = mysql_query($sql,$sql_conn);
		$j = 0;
		while ($row2 = @mysql_fetch_array($sql_query)){
			$data[$j] = $row2["quantity"];
			for($s=0;$s<$k-1;$s++){
					if($row2["point_id"] == $point_learn[$s]){				
					$sum[$s+1]= $sum[$s+1]+$data[$j];			
					$count[$s+1] = $count[$s+1]+1;
					$long[$s]	 = $row2["longtigude"];
					$lat[$s] = $row2["latitude"];
					}
					
			else 	if($row2["point_id"] == $point_learn[$s]){				
			$sum[$s+1]= $sum[$s+1]+$data[$j];			
			$count[$s+1] = $count[$s+1]+1;		
			$long[$s]		= $row2["longtigude"];
					}			
			}
				$j = $j+1;
		}
						
	for ($i=0;$i<$k-1;$i++){	
		  @$avg[$i] = $sum[$i+1]/$count[$i+1];
		  echo $point_learn[$i]."<br >";
		  echo $avg[$i]."<br >";
		  echo $long[$i]."<br >";
		  echo $lat[$i]."<br >"."<br >";
				}
		?>
        
   <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
    <script>
		var citymap = {};
		<?
			for ($i=0;$i<$k-1;$i++){
		echo "citymap['$i'] = {center: new google.maps.LatLng(".$long[$i].", ".$lat[$i]."), population:".$avg[$i]."};";
		}

		?>
	var cityCircle;

	function initialize() {
 	 // Create the map.
  	var mapOptions = {
    zoom: 7,
    center: new google.maps.LatLng(9.761728449950002,100.6527900695800),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  	};

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Construct the circle for each value in citymap.
  // Note: We scale the area of the circle based on the population.
  for (var city in citymap) {
    var populationOptions = {
      strokeColor: <? echo "'$strokeColor'"; ?>,
      strokeOpacity: 0.8,
      strokeWeight: 1,
      fillColor: <? echo "'$fillColor'"; ?>,
      fillOpacity: 0.35,
      map: map,
      center: citymap[city].center,
      radius: Math.sqrt(citymap[city].population) * 1000
    };
    // Add the circle for this city to the map.
    cityCircle = new google.maps.Circle(populationOptions);
  }
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>     





Tag : PHP, MySQL, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-03-15 12:07:02 By : suppanat2015 View : 1102 Reply : 1
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

น่าจะเป็น Ajax ใช่หรือเปล่าครับ ลองดูวิธ๊การส่งค่า jQuery กับ Ajax Post และรับค่าครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-16 10:51:09 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการส่งค่า Post ไปยังหน้า google-map.php เพื่อให้แสดงแผนที่ ใน div แผนที่ไม่ขึ้น เขียนยังไงได้บ้างครับ รบกวนพี่ๆ ในนี้ด้วยนะครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่