PHP製作 GOOGLE MAP API 標記多點經緯度重複如何使用最新的資料 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

PHP製作 GOOGLE MAP API 標記多點經緯度重複如何使用最新的資料

php google map 經緯度重複網頁設計

1021241112 2016-05-20 22:41:35 ‧ 2453 瀏覽

各位大大小弟在寫PHP的網頁
要做一個在MAP上顯示多點位置且點下去有資訊視窗
因為地點有相同的但都只抓到最早的資料
例如有兩筆資料
1.經緯度20,30 PM2.5=10 10:10
2.經緯度20,30 PM2.5=50 10:30
但每次系統都只顯示第一筆也就是最先被抓到的資訊
請各位大大幫幫忙如何使地圖成呈現出都是最後最新的資訊

程式碼如下

1021241112 iT邦新手 5 級 ‧ 2016-05-21 22:42:03 檢舉

TEST

require_once("./Connections/ipm_conn.php");

$Y=date(Y);
$m=date(m);
$d=date(d);
$datemap=date( "Y-m-d", mktime($m,$d,$Y) );
$H=date(H)-3;
$i=date(i);
$s=date(s);
$timemap=date( "H:i:s", mktime($H,$i,$s) );

$sql_query="SELECT * FROM air ";
$result=mysql_query($sql_query);//抓所有搜尋的值
?>

<!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>TEST</title>
<style type="text/css">
 html { height: 100% }
 body { height: 100%; margin: 0px; padding: 0px }
 #map_canvas { height: 100% }
</style>
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
 </head>
 <body>

<div id="map" style="width: 100%; height: 90%;"></div>

<?
require_once("./Connections/ipm_conn.php");
     
	$Y=date(Y);
$m=date(m);
$d=date(d);
$datemap=date( "Y-m-d", mktime($m,$d,$Y) );
$H=date(H)-3;
$i=date(i);
$s=date(s);
$timemap=date( "H:i:s", mktime($H,$i,$s) );

$sql_query="SELECT  * FROM  air ";
			$result=mysql_query($sql_query);//抓所有搜尋的值
?>

<script type="text/javascript">
 var locations = [<?php 
           for($i=0;$i<=mysql_num_rows($result);$i++){//把資料變成陣列，抓每個欄位的值
          
		   
			
	$totalRows_Search = mysql_num_rows($result);//總列數
	$row= mysql_fetch_row($result);//抓一列的值
	
		if($row[10]==$datemap and $row[11]>=$timemap)
		{
$array[$i]= array($row[5],$row[2],$row[3]);
		
		
	?>
['PM2.5=<?  echo $row[5] ?><p>日期=<? echo $row[10]?><p>時間=<? echo $row[11]?>' ,<? echo $row[2] ?>,<? echo $row[3] ?>,<? $i ?>],<? } } ?>];
var map = new google.maps.Map(document.getElementById('map'), {
 zoom: 8,
 center: new google.maps.LatLng(23.431202,120.390955),
 mapTypeId: google.maps.MapTypeId.ROADMAP
 });
 
 
 
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
 marker = new google.maps.Marker({
 position: new google.maps.LatLng(locations[i][1], locations[i][2]),
 map: map
 });
google.maps.event.addListener(marker, 'click', (function(marker, i) {
 return function() {
 infowindow.setContent(locations[i][0]);
 infowindow.open(map, marker);
 }
 })(marker, i));
 }
</script>

</body>
</html>

修改

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

1 個回答

0

海綿寶寶

iT邦大神 1 級 ‧ 2016-05-21 10:43:43

程式碼需要修正
因為沒有抓到正確的變數值
所以才沒有顯示出你要的結果

修正後程式碼如下

回應 3
分享
檢舉

weiclin iT邦高手 4 級 ‧ 2016-05-21 14:44:44 檢舉

為什麼我看不到你們貼的程式碼...要聰明的人才看得到嗎?

1021241112 iT邦新手 5 級 ‧ 2016-05-21 23:12:09 檢舉

不好意思不知道為什麼複製程式碼過來都沒顯示

fillano iT邦超人 1 級 ‧ 2016-05-23 08:55:30 檢舉

你貼的程式跟你的問題好像沒關係？

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙