 |
|
อันนี้เป็น Code อ่าครับ คือ ผมรันแล้วมันไม่ออก ผมไม่ค่อยเก่ง เรื่อง Coding วานผู้รู้ช่วยทีครับ
คือผมจะดึกจุดพิกัดจาก MySql ผ่าน XML ครับ ให้แสดงในแบบ Clusterer Map
แบบนี้ครับๆ http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/simple_example.html
Code
<!DOCTYPE html >
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="markerclusterer.js" type="text/javascript"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>PHP/MySQL & Google Maps Example</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyADTt6BvkvA4OTLqHnKqiipcfV0Hn5iDRU&sensor=true"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(18.7764, 98.9796),
zoom: 13,
mapTypeId: 'roadmap'
});
downloadUrl("phpsqlajax_genxml2.php", function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));;
var marker = new google.maps.Marker({
map: map,
position: point
});
var mc = new MarkerClusterer(map, markers);
}
});
}
function downloadUrl(url, callback) {
var request = window.ActiveXObject ?
new ActiveXObject('Microsoft.XMLHTTP') :
new XMLHttpRequest;
request.onreadystatechange = function() {
if (request.readyState == 4) {
request.onreadystatechange = doNothing;
callback(request, request.status);
}
};
request.open('GET', url, true);
request.send(null);
}
function doNothing() {}
//]]>
</script>
</head>
<body onload="load()">
<center><div id="map" style="width: 862px; height: 600px"></div>
</body>
</html>
Tag : PHP, MySQL, JSP
|
ประวัติการแก้ไข
2013-01-04 22:57:00
2013-01-04 22:57:51
2013-01-04 22:58:24
2013-01-04 22:59:09
2013-01-04 23:19:12
|
 |
 |
 |
 |
| Date :
2013-01-04 22:34:52 |
By :
KaJooNoi |
View :
1279 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
