เรื่อง googlemap api ครับ ก็อปไปลองใช้แล้วจอขาวครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เรื่อง googlemap api ครับ ก็อปไปลองใช้แล้วจอขาวครับ

เรื่อง googlemap api ครับ ก็อปไปลองใช้แล้วจอขาวครับ

อยากได้โค้ด สมมุติผุ้ใช้ต้องการอยากทราบว่าหอพักในระยะห่างจากมหาลัยไม่เกิน5กม ดึงข้อมูลออกมาจาก dataase แสดงในแผนที่ครับ

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

Buraratn 182.52.77.xxx 23-06-2011 13:10:28

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

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

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

Pass

Code
เปลี่ยน

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

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

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

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

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

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

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

ยากให้คลิกแล้วให้ข้อมูลขึ้น และก็ยากทำหมุดอ้างอิงไว้ตรงกึ่งกลางแผนที่ที่สีไม่เหมือนหมุดอื่นๆ เพื่อเวลาดูจะได้อ้างอิงว่าเป้นมหาลัยตรงนั้นครับ

ธรรมะ 182.52.76.xxx 24-06-2011 12:14

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

และถ้าอยากรับค่าจาก txt มาเปรียบเทียบกับค่า distance ที่ได้จากการ select ออกมา เช่น กรอก 3 ก็แสดงสถานที่ที่อยู่ห่างจุดกึ่งกลางไม่เกิน 3 กม

ตอนนี้ออกแค่จุดกึ่งกลางกับอีก1จุดเท่านั้นครับ

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=tis-620" />
<title>แผนที่หอพัก</title>
<style type="text/css">
html {
height: auto;
}

body {
height: auto;
margin: 0;
padding: 0;
}
#map {
	width:1000px;
	height:650px;
	margin:auto;
	margin-top:50px;
}

@media print {
#map {
height: 950px;
}
}

</style>
<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript"
src="https://www.google.com/jsapi?key=ABQIAAAA_KNcKfoyaTskjEp-kSSEjxSsDbTxMRg-JrUcPZT14QWonZA5mxRqx3ct_DbeHVelXNr1WbKEEJ5k-A"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/googleearth/src/googleearth-compiled.js" type="text/javascript"></script>


<script type="text/javascript">
google.load('earth', '1');
var map;
var googleEarth;
function init() {
map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(14.85467, 103.48357),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
googleEarth = new GoogleEarth(map);

var locations = [
['มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน วิทยาเขตสุรินทร์', 14.85467, 103.48357], 
<?php
include"connect.php";


$sql="SELECT id_prd,name_prd,lat_prd,lng_prd, ( 6371 * acos( cos( radians(14.85467) ) * cos( radians( lat_prd ) ) * cos( radians( lng_prd ) - radians(103.48357) ) + sin( radians(14.85467) ) * sin( radians( lat_prd ) ) ) ) AS distance FROM tb_product ";
$result=mysql_db_query($db_Name,$sql);
while($rs=mysql_fetch_array($result)){
$lat_prd=$rs[lat_prd];
$lng_prd=$rs[lng_prd];
$name_prd=$rs[name_prd];}
?>
['<?=$name_prd?>', <?=$lat_prd?>, <?=$lng_prd?>]
];

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]),
draggable : false,
title : locations[i][0],
icon : '//maps.google.com/mapfiles/kml/pal3/icon48.png',
map: map
});

google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})
(marker, i));
}
}
google.maps.event.addDomListener(window, 'load', init);
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>

buraratn 182.52.76.xxx 28-06-2011 13:33

Prev 1 2 3

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

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

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