สอบถาม php+google map

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถาม php+google map

สอบถาม php+google map

ขอสอบถามคะ ได้ทำโค๊ดแผนที่ไปใส่ในเว็บ โดยแผนที่ ขึ้นเรียบร้อย แต่พอใส่ในเว็บเกิด error คะ ไม่ทราบว่าผิดพลาดตรงไหนหรือเปล่าคะ

<?php

session_start();

<!doctype html>

<html>

<head>

<title>Animal Sighting System</title>

html { height: 100% }

/* css กำหนดความกว้าง ความสูงของแผนที่ */

#map_canvas {

width:800px;

height:450px;

margin:auto;

margin-top:10px;

}

</style>

</head>

<body>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="#">Animal Sighting System</a>

</div>

<li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> หน้าหลัก <span class="sr-only">(current)</span></a></li>

<li><a href="map1.php">แผนที่</a></li>

<li><a href="webboard_index.php">บอร์ดพูดคุย</a></li>

</ul>

</div>

</form>

<li><a href="#" data-toggle="modal" data-target="#basicModal"><span class="glyphicon glyphicon-user"></span> สมัครสมาชิก</a></li>

</ul>

</div>

</div>

</ol>

</center>

</div>

</center>

</div>

</center>

</div>

<span class="sr-only">Previous</span>

</a>

</a>

</div>

</nav>

<h1>แสดงแผนที่</h1>

<?php

require_once 'Connect.php';

$sql = "select * from $animal" ;

$dbquery = mysql_db_query($dbname,$sql);

$result = mysql_fetch_array($dbquery);

$i = 0 ;

while($result = mysql_fetch_array($dbquery)){

$data[$i] = $result["Relate"];

//echo $data[$i]."<br/>";

$i++;

}

<br>

</div>

var map; // กำหนดตัวแปร map ไว้ด้านนอกฟังก์ชัน เพื่อให้สามารถเรียกใช้งาน จากส่วนอื่นได้

var GGM; // กำหนดตัวแปร GGM ไว้เก็บ google.maps Object จะได้เรียกใช้งานได้ง่ายขึ้น

var my_Marker=[]; // สำหรับปักหมุด

var my_leant=[];

var obj_marker; // สำหรับเก็บค่าพิกัดและข้อมูลจากฐานข้อมูล

var limit_show=100; // กำหนดแสดงรายการไม่เกิน

var infowindow=[]; // กำหนดตัวแปรสำหรับเก็บตัว popup แสดงรายละเอียดสถานที่

var infowindowTmp; // กำหนดตัวแปรสำหรับเก็บลำดับของ infowindow ที่เปิดล่าสุด

function initialize() { // ฟังก์ชันแสดงแผนที่

GGM=new Object(google.maps); // เก็บตัวแปร google.maps Object ไว้ในตัวแปร GGM

// กำหนดจุดเริ่มต้นของแผนที่

var my_Latlng = new GGM.LatLng(9.0968957,99.3617589);

// กำหนด DOM object ที่จะเอาแผนที่ไปแสดง ที่นี้คือ div id=map_canvas

var my_DivObj=$("#map_canvas")[0];

// กำหนด Option ของแผนที่

var myOptions = {

zoom: 8, // กำหนดขนาดการ zoom

center: my_Latlng , // กำหนดจุดกึ่งกลาง

mapTypeId:GGM.MapTypeId.ROADMAP, // กำหนดรูปแบบแผนที่

mapTypeControlOptions:{ // การจัดรูปแบบส่วนควบคุมประเภทแผนที่

position:GGM.ControlPosition.TOP, // จัดตำแหน่ง

style:GGM.MapTypeControlStyle.DROPDOWN_MENU // จัดรูปแบบ style

}

};

map = new GGM.Map(my_DivObj,myOptions);// สร้างแผนที่และเก็บตัวแปรไว้ในชื่อ map

// ดึงข้อมูลจากฐานข้อมูลที่สร้างมาในรูปแบบไฟล์ json

$.getJSON( "Pullgps.php", function( data ) {

obj_marker=data; // เก็บค่าไว้ในตัวแปร ไว้ใช้งาน

var m=0;

$.each(obj_marker,function(i,k){ // วนลูปแสดงการปักหมุด

if(m<limit_show){ // ปักหมดได้ไม่เกิน limit_show

var markerLatLng=new GGM.LatLng(obj_marker[i].latitude,obj_marker[i].longitude);

my_Marker[i] = new GGM.Marker({ // สร้างตัว marker

position:markerLatLng, // กำหนดไว้ที่เดียวกับจุดกึ่งกลาง

map: map, // กำหนดว่า marker นี้ใช้กับแผนที่ชื่อ instance ว่า map

title:obj_marker[i].province_name // แสดง title เมื่อเอาเมาส์มาอยู่เหนือ

});

// ส่วนของ infowindow สำหรับทดสอบ ดึงจากชื่อ titile

infowindow[i] = new GGM.InfoWindow({// สร้าง infowindow ของแต่ละ marker เป็นแบบ array

content: my_Marker[i].getTitle() // ดึง title ในตัว marker มาแสดงใน infowindow

});

var mapCircle = new GGM.Circle({ // สร้างตัว circle

strokeColor: "#CC0000", // สีของเส้นสัมผัส หรือสีขอบโดยรอบ

strokeOpacity: 0.3, // ความโปร่งใส ของสีขอบโดยรอบ กำหนดจาก 0.0 - 0.1

strokeWeight: 1, // ความหนาของสีขอบโดยรอบ เป็นหน่วย pixel

fillColor: "#FF0000", // สีของวงกลม circle

fillOpacity: 0.08, // ความโปร่งใส กำหนดจาก 0.0 - 0.1

map: map, // กำหนดว่า circle นี้ใช้กับแผนที่ชื่อ instance ว่า map

center: markerLatLng, // ตำแหน่งศูนย์กลางของวลกลม ในที่นี้ใช้ตำแหน่งเดียวกับ ตัว marker

radius: 0,

});

// กรณีนำไปประยุกต์ ดึงข้อมูลจากฐานข้อมูลมาแสดง

// infowindow[i] = new GGM.InfoWindow({

// content:$.ajax({

// url:'placeDetail.php',//ใช้ ajax ใน jQuery ดึงข้อมูล

// data:'placeID='+obj_marker[i].province_id, // ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล

// async:false

// }).responseText

// });

// ส่วนของการกำหนด ให้เมื่อคลิกแต่ละ marker

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 ที่เปิดไว้อ้างอิงใช้งาน

});

m++;

}

});

// กำหนด event ให้กับตัวแผนที่ เมื่อมีการเปลี่ยนแปลงการ zoom

GGM.event.addListener(map, 'zoom_changed', function() {

// วนลูปล้างค่าเก่า ก่อนสร้างปักหมุดใหม่

if(my_Marker.length>0){

for(i=0;i<my_Marker.length;i++){

my_Marker[i].setMap(null);

}

var m=0;

var map_zoom=map.getZoom();

// zoom เท่าไหร่ แสดงเท่าไหร่ เงื่อนไขกำหนดตามต้องการ

if(map_zoom<=6){

limit_show=10;

}else if(map_zoom<=7){

limit_show=30;

}else if(map_zoom<=8){

limit_show=40;

}else if(map_zoom<=20){

limit_show=100;

}else{

limit_show=10;

}

$.each(obj_marker,function(i,k){ // วนลูปแสดงการปักหมุด

if(m<limit_show){ // ปักหมดได้ไม่เกิน limit_show

var markerLatLng=new GGM.LatLng(obj_marker[i].latitude,obj_marker[i].longitude);

my_Marker[i] = new GGM.Marker({ // สร้างตัว marker

position:markerLatLng, // กำหนดไว้ที่เดียวกับจุดกึ่งกลาง

map: map, // กำหนดว่า marker นี้ใช้กับแผนที่ชื่อ instance ว่า map

title:obj_marker[i].province_name // แสดง title เมื่อเอาเมาส์มาอยู่เหนือ

});

// ส่วนของ infowindow สำหรับทดสอบ ดึงจากชื่อ titile

infowindow[i] = new GGM.InfoWindow({// สร้าง infowindow ของแต่ละ marker เป็นแบบ array

content: my_Marker[i].getTitle() // ดึง title ในตัว marker มาแสดงใน infowindow

});

// กรณีนำไปประยุกต์ ดึงข้อมูลจากฐานข้อมูลมาแสดง

infowindow[i] = new GGM.InfoWindow({

content:$.ajax({

url:'placeDetail.php',//ใช้ ajax ใน jQuery ดึงข้อมูล

data:'placeID='+obj_marker[i].ID, // ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล

async:false

}).responseText

});

// ส่วนของการกำหนด ให้เมื่อคลิกแต่ละ marker

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 ที่เปิดไว้อ้างอิงใช้งาน

});

m++;

}

});

}

$(function(){

$("<script/>", {

"type": "text/javascript",

src: "http://maps.google.com/maps/api/js?key=AIzaSyPdsedgkalvhbI1Fzvh7A&language=th&region=TH&v=3.2&sensor=false&callback=initialize"

}).appendTo("body");

});

</script>

</center>

</div>

</div>

</div>

</div>

<label for="password">รหัสผ่าน</label>

</div>

</form>

</div>

</div>

<span class="sr-only">Close</span>

</button>

<h2>สมัครสมาชิก</h2>

</div>

</div>

<label for="password">รหัสผ่าน</label>

</div>

</div>

<label for="surname">นามสกุล</label>

</div>

</div>

<label for="tel">เบอร์โทรศัพท์</label>

</div>

<label for="email">อีเมลล์</label>

</div>

<label for="position">ตำแหน่ง</label>

</div>

<label for="status">สถานะ</label>

<option value="Expert">Expert</option>

<option value="Member">Member</option>

</select>

</div>

<br>

<button type="submit" class="btn btn-primary" value="Save"> บันทึก </button>

</form>

</div>

กรุณาป้อนข้อมูลให้เรียบร้อย

</div>

</body>

</html>

Jsk 30-03-2017 23:33:56

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ภาพที่ error

Jsk 30-03-2017 23:36

ความคิดเห็นที่ 2

<?php

require_once 'Connect.php';

$sql = "select * from $animal" ;

$dbquery = mysql_db_query($dbname,$sql);

$result = mysql_fetch_array($dbquery);

$i = 0 ;

while($result = mysql_fetch_array($dbquery)){

$data[$i] = $result["Relate"];

//echo $data[$i]."<br/>";

$i++;

}

?>

โค๊ดในส่วนนี้ error คะ

Jsk 30-03-2017 23:39

ความคิดเห็นที่ 3

error ปกติ จริงๆ ตัว error อธิบายอู่แล้วน่ะ ว่าเกิดจากออะไร
$animal ไม่ได้ defined หรือ undefined ก็หมายถึง ไม่มีการกำหนดตัวแปรนี้
ก่อนเรียกใช้งานค่าตัวแปรใดๆ ต้องตรวจสอบค่าตัวแปร หรือต้องแน่ใจว่าตัวแปรนั้นมีการส่งค่ามาหรือไม่

ลองดูแนวทางเกี่ยวกับการตรวจสอบการส่งจาก คำแนะนำนี้เป็นแนวทาง

https://www.ninenik.com/forum_view_2398_1.html#comment_5574

ninenik 30-03-2017

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน