Android - การดึงพิกัด Lattitude Longtitude จากฐานข้อมูล sqlite มาปักหมุดลงบนแผนที่พร้อมกับแสดงรายละเอียดข้อมูล
น่าจะประมาณนี้นะ พอคลิ๊กที่จุดจะแสดงข้อมูลได้Code (PHP) <!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title></title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<style>
html {
height: auto;
}
body {
height: auto;
margin: 0;
padding: 0;
}
#map {
height: auto;
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
}
@media print {
#map {
height: 950px;
}
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var locations = [
<?php
include'connect.php'; // include เพจที่ใช้ติดต่อฐานข้อมูล
$result=mysql_query("select*from temple limit 0,1"); // select ตาราง temple , limit แถวที่ 1 (0) เลือกมา 1 แถว (1)
while ($arr=mysql_fetch_array($result)){
echo"['$arr[name]<br/><br/>$arr[address]',
$arr[x],$arr[y],$arr[id]],"; }
?>
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 18,
center: new google.maps.LatLng(18.780763,99.004219), //ละติจูด ลองติจูด
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
Date :
2013-12-08 13:22:15By :
sabaitip
ไม่เป็นไรครับ ถ้ามี Android บอกด้วยนะ
Date :
2013-12-09 02:16:57By :
tom5
หา Code แสดง Map ได้แล้วหรือยังครับ ส่วน SQLite
Date :
2013-12-09 08:43:35By :
mr.win
หา code แสดง map ได้แล้ว แต่ไม่มี code ดึงพิกัดจากฐานข้อมูล sqlite มาปักหมุดลงบนแผนที่ครับ
Date :
2013-12-09 21:33:57By :
tom5
1. select * from allmap แล้วใส่ไปในCode (Android-Java) ArrayList<String> map = new ArrayList<String>();
Code (Android-Java) for (int i = 0; i < map.size(); i++){
LatLng test = new LatLng(ค่าlat,ค่าlong);
map.animateCamera(CameraUpdateFactory.newLatLngZoom(start, 15));
map.addMarker(new MarkerOptions()
.position(test )
.title(map.get(i-1))
.icon(BitmapDescriptorFactory.fromResource(R.drawable.i_map)));
}
Date :
2013-12-11 13:31:44By :
zFOLKz
ขอบคุณครับ
ประวัติการแก้ไข
Date :
2013-12-12 02:29:34By :
tom5
ขุดๆ ครับ ผมก็กำลังทำแนวนี้อยู่เหมือนกัน
Date :
2014-03-14 01:12:04By :
zpatipan
Server 03
Load balance : Server 03
