|
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 : /var/www/html/pathumthani_integration/pathumthani_drug/administrator/ |
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=ABQIAAAAlh-K39WtbJeXDjDrDo6v-hR2iJYE4CfhSEbu60cg6vNgiGjYLxTRPYebPL_LyFXYN2TOnziBD23B1w" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">
mapoverlay = Array();
var markers = [];
var markerPolylines = [];
var geocoder = null;
var map;
var polyline;
var thispoint;
var dragst=0;
function success(){
//alert('success');
}
function writePath(){
if(polyline){
map.removeOverlay(polyline);
}
polyline = new GPolyline(markerPolylines, "#ff0000", 5);
map.addOverlay(polyline);
var TheForm = document.frm;
TheForm.path.value = markerPolylines;
}
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.addControl(new GLargeMapControl());
//map.addControl(new GOverviewMapControl());
//map.addControl(new GScaleControl());
//map.addControl(new GMapTypeControl());
map.setMapType(G_PHYSICAL_MAP );
map.enableScrollWheelZoom();
map.setCenter(new GLatLng(16.575655181910125,104.52117919921875),10);
map.enableGoogleBar();
//map.addOverlay(marker);
geocoder = new GClientGeocoder();
GEvent.addListener(map, 'click', function(overlay, latlng) {
if(latlng){
var lat = latlng.lat();
var lon = latlng.lng();
cLat =lat;
cLng = lon;
var latOffset = 0.01;
var lonOffset = 0.01;
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;
markerPolylines[p_arr-1] = point;
GEvent.addListener(marker, 'dragend', function(latlng) {
dragst = p_arr;
markerPolylines[p_arr-1] = latlng;
map.panTo(latlng);
geocoder.getLocations(latlng, showAddress);
writePath();
});
GEvent.addListener(marker, 'click', function(latlng) {
//--
});
dragst = 0;
map.addOverlay(marker);
map.panTo(point);
writePath();
geocoder.getLocations(latlng, showAddress);
}
});
}
}
function showAddress(response) {
if (!response || response.Status.code != 200) {
alert("Status Code:" + response.Status.code);
} else {
place = response.Placemark[0];
point = new GLatLng(place.Point.coordinates[1],place.Point.coordinates[0]);
//alert(place.address+'-'+cLat+' '+cLng);
//var sp = document.getElementById('showpoint');
//sp.innerHTML = place.address+'-'+cLat+' '+cLng;
addTable(thispoint,place.address);
}
}
function deleteRow(del){
tbl = document.all.s_table;
tbl.deleteRow(del.parentElement.parentElement.rowIndex);
}
function addTable(pnm,add){
if(dragst==0){
var theTable = document.getElementById('s_table');
var row = theTable.insertRow();
var x=row.insertCell(0);
var y=row.insertCell(1);
var z=row.insertCell(2);
x.align = 'center';
y.id = 'c_'+(pnm+1);
x.insertAdjacentHTML("AfterBegin",pnm+1);
y.insertAdjacentHTML("AfterBegin",add);
z.insertAdjacentHTML("AfterBegin",'<span onclick="clearmap('+pnm+'); deleteRow(this)" onMouseOver="this.style.cursor=\'hand\';"><img src="images/icon/icon-cross.png" /></span>');
}else{
var theTable_c = document.getElementById('c_'+dragst);
theTable_c.innerHTML=add;
}
//x.innerHTML=pnm+1;
//y.innerHTML=add;
//z.innerHTML='<a href="#" onclick="clearmap('+pnm+');"><img src="images/delete2.png"></a>';
}
function clearall(){
markers = [];
markerPolylines = [];
map.clearOverlays();
tbl = document.all.s_table;
for(var ri = tbl.rows.length;ri>1;ri--){
tbl.deleteRow(ri-1);
}
}
function clearmap(p){
markers[p].remove();
markerPolylines[p]=null;
markers[p]=null;
writePath();
//test
//map.clearOverlays();
//map.removeOverlay(markers[1]);
//markers[1].remove();
//alert(a);
}
</SCRIPT>
</HEAD>
<LINK href="dtree.css" rel="StyleSheet" type="text/css"/>
<BODY onLoad="initialize()" class="dtree" leftmargin="0" topmargin="0" bgcolor="#eeeeee">
<TABLE width="888" border="0" cellspacing="1">
<TR>
<TD colspan="2"><STRONG>ลากเส้นทางการลำเลียงยาเสพติด</STRONG></TD>
</TR>
<TR>
<TD width="554" align="left" valign="top"><DIV id="map_canvas" style="width:550px; height:400px; float:left; border: 1px solid black;"></DIV></TD>
<TD valign="top" width="327">
<TABLE width="100%" border="1" cellspacing="1" id="s_table">
<TR>
<TD width="10%" align="center"><STRONG>ลำดับ</STRONG></TD>
<TD width="85%" align="center"><STRONG>ที่ตั้ง</STRONG></TD>
<TD width="5%" align="center"><SPAN onClick="clearall();" onMouseOver="this.style.cursor='hand';"><IMG src="images/icon/icon-cross.png"/></SPAN></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>