ต้องการส่งค่า Post ไปยังหน้า google-map.php เพื่อให้แสดงแผนที่ ใน div แผนที่ไม่ขึ้น เขียนยังไงได้บ้างครับ รบกวนพี่ๆ ในนี้ด้วยนะครับ
ต้องการส่งค่า 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
Date :
2015-03-15 12:07:02By :
suppanat2015View :
1153Reply :
1
น่าจะเป็น Ajax ใช่หรือเปล่าครับ ลองดูวิธ๊การส่งค่า jQuery กับ Ajax Post และรับค่าครับ
Date :
2015-03-16 10:51:09By :
mr.win
Server 00
Load balance : Server 00
