|
Server : Apache/2.2.2 (Fedora) System : Linux App1.pathumtani.go.th 2.6.20-1.2320.fc5smp #1 SMP Tue Jun 12 19:40:16 EDT 2007 i686 User : apache ( 48) PHP Version : 5.2.9 Disable Function : NONE Directory : /home/pathumthani_integration/integration/application/labor/register/ |
Upload File : |
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<script src="http://maps.google.com/maps?file=api&v=3&sensor=true&key=ABQIAAAAIjJuEpyOdyNRFQp_vXnVFxQ4-_Wz_hjNj1N7BsdonEwQ9ahjARTq96wZoV6B45d0GylJeFRgWl0ftg" type="text/javascript"></script>
<script type="text/javascript">
mapoverlay = Array();
var markers = [];
var geocoder = null;
var map;
var dragst=0;
function initialize() {
if (GBrowserIsCompatible()) {
var mapOptions = {
googleBarOptions : {
style : "new",
adsOptions: {
client: "partner-google-maps-api",
channel: "AdSense for Search channel",
adsafe: "high",
language: "en"
}
}
}
map = new GMap2(document.getElementById("map_canvas"),mapOptions);
map.setUIToDefault();
map.setMapType(G_PHYSICAL_MAP );
map.enableScrollWheelZoom();
map.setCenter(new GLatLng(14.039340627573987,100.65811157226562),11);
geocoder = new GClientGeocoder();
GEvent.addListener(map, 'click', function(overlay, latlng) {
if(latlng){
var lat = latlng.lat();
var lon = latlng.lng();
var point = new GLatLng(lat, lon);
var opts = {draggable:true};
marker = new GMarker(point,opts);
var p_arr = markers.push(marker);
thispoint = p_arr-1;
if(p_arr > 1){
markers[p_arr].remove();
}
//alert(lat+','+lon);
document.getElementById('show_lat').innerHTML = lat;
document.getElementById('show_lon').innerHTML = lon;
document.getElementById('txt_lat').value = lat;
document.getElementById('txt_lon').value = lon;
GEvent.addListener(marker, 'dragend', function(latlng) {
map.panTo(latlng);
var lat = latlng.lat();
var lon = latlng.lng();
//alert(lat+','+lon);
document.getElementById('show_lat').innerHTML = lat;
document.getElementById('show_lon').innerHTML = lon;
document.getElementById('txt_lat').value = lat;
document.getElementById('txt_lon').value = lon;
});
dragst = 0;
map.addOverlay(marker);
map.panTo(point);
}
});
}
}
function sendVar(){
opener.document.getElementById('show_lat').innerHTML = ' '+document.getElementById('txt_lat').value;
opener.document.getElementById('show_lon').innerHTML = ' '+document.getElementById('txt_lon').value;
opener.document.getElementById('lattitude').value = document.getElementById('txt_lat').value;
opener.document.getElementById('longtitude').value = document.getElementById('txt_lon').value;
window.close();
}
</script>
<style>
body,td{
font-size:12px;
}
</style>
</head>
<body onLoad="initialize()" leftmargin="0" topmargin="0" bgcolor="#eeeeee" >
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="700"><div id="map_canvas" style="width:700px; height:500px; float:left; border: 1px solid black;"></div></td>
<td width="701" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td colspan="2"><strong>กรุณาปักหมุดบนแผนที่เพื่อเลือกพิกัด</strong></td>
</tr>
<tr>
<td width="32%"><div align="right">ละติจูด :</div></td>
<td width="68%"><div id="show_lat"><font color="#CC0000">[ยังไม่ได้เลือก]</font></div><input name="txt_lat" id="txt_lat" type="hidden"></td>
</tr>
<tr>
<td><div align="right">ลองติจูด :</div></td>
<td><div id="show_lon"><font color="#CC0000">[ยังไม่ได้เลือก]</font></div><input name="txt_lon" id="txt_lon" type="hidden"></td>
</tr>
<tr>
<td> </td>
<td><input name="bt_ok" type="button" value=" ตกลง " onClick="sendVar()"> <input name="bt_cancel" type="button" value=" ยกเลิก " onClick="window.close();"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>