|
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/work_gis/ |
Upload File : |
<?
HEADER('Content-Type: text/html; charset=utf-8 ');
?><HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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">
var xml = [];
var all_markers = [];
// icon
function ic(img){
var myIcon = new GIcon();
if(Math.random()>0.5){
var img = img;
}else{
var img = img;
}
myIcon.image = img;
myIcon.iconSize = new GSize(16, 16);
myIcon.iconAnchor = new GPoint(60, 20);
myIcon.infoWindowAnchor = new GPoint(5, 1);
return myIcon;
}
/*
var customIcons = [];
customIcons["Critical"] = Critical;
customIcons["Warning"] = Warning;
customIcons["Normal"] = Normal;
*/
//end icon
function addpoint(parr){
for (var i = 0; i < parr.length; i++) {
map.addOverlay(parr[i]);
}
}
function removepoint(parr){
for (var i = 0; i < parr.length; i++) {
parr[i].remove();
//markers[p].remove();
}
}
function addlayer(obj){
//alert(obj.checked);
if(!xml[obj.name]){
GDownloadUrl(obj.name+".php", function(data) {
xml[obj.name] = GXml.parse(data);
var markers = xml[obj.name].documentElement.getElementsByTagName("marker");
all_markers[obj.name] = [];
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var icon = markers[i].getAttribute("icon");
var identify = markers[i].getAttribute("identify");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
all_markers[obj.name][i] = createMarker(point, name, address,icon,identify);
}
addpoint(all_markers[obj.name]);
});
}else{
if(obj.checked){
addpoint(all_markers[obj.name]);
}else{
removepoint(all_markers[obj.name]);
}
}
}
function createMarker(point, name, address,icon,identify) {
var marker = new GMarker(point,ic(icon));
var html = "<b>" + name + "</b> <br/>" + address;
html += '<table class="dtree" width="300" border="0" cellspacing="1"><tr><td><iframe frameborder="0" width="300" height="150" src="'+identify+'"></iframe></td></tr></table>';
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function success(){
//alert('success');
}
var map;
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(14.00367,100.639572),10);
map.enableGoogleBar();
//map.addOverlay(marker);
geocoder = new GClientGeocoder();
}
}
</SCRIPT>
</HEAD>
<LINK href="dtree.css" rel="StyleSheet" type="text/css" />
<BODY onLoad="initialize()" class="dtree" leftmargin="0" topmargin="0" bgcolor="#FFFFFF" >
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:12px;">
<TR>
<TD background="../usermanager/images/user_information_07.gif" height="100">
<SPAN style="font-size:20px; color:#FFFFFF;"> <IMG src="../usermanager/images/google_earth.png" border="0" align="absmiddle"/> ระบสารสนเทศภูมิศาสตร์(GIS)</SPAN>
</TD>
</TR>
<TR>
<TD>
<BR/>
<TABLE width="1050px" border="0" cellspacing="1" style="margin-left:20px;">
<TR>
<TD colspan="3"><STRONG>ข้อมูลระบสารสนเทศภูมิศาสตร์ (GIS)</STRONG></TD>
</TR>
<TR>
<TD valign="top" width="250">
<FORM name="form1">
<TABLE width="100%" border="0" cellspacing="1" style="margin-left:15px;">
<TR>
<TD colspan="2" align="left" valign="top"><STRONG>ด้านแรงงาน</STRONG>
<LABEL for="pathum1"></LABEL></TD>
</TR>
<TR>
<TD width="10%" align="left" valign="top"><INPUT name="data_xml_1" type="checkbox" value="data_xml_1" id="data_xml_1" onClick="addlayer(this)"></TD>
<TD width="90%" align="left"><LABEL for="school_xml"><IMG src="icons/dude1.png">คนว่างงาน</LABEL></TD>
</TR>
<TR>
<TD width="10%" align="left" valign="top"><INPUT name="data_xml_2" type="checkbox" value="data_xml_2" id="data_xml_2" onClick="addlayer(this)"></TD>
<TD width="90%" align="left"><LABEL for="school_xml"><IMG src="icons/gnome-home.png">บริษัทที่มีตำแหน่งงานว่าง</LABEL></TD>
</TR>
</TABLE>
</FORM>
</TD>
<TD width="550"><DIV id="map_canvas" style="width:640px; height:400px; float:left; border: 1px solid black;"></DIV></TD>
<TD width="250" valign="top" align="left"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>