003.<head>
004.<!-- InstanceBeginEditable name="doctitle" -->
005.<title>ศูนย์ประสานงานวิจัยเพื่อท้องถิ่นจังหวัดสมุทรสงคราม</title>
006.<!-- InstanceEndEditable -->
007.<meta http-equiv="Content-Language" content="English" />
008.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
009.<link rel="stylesheet" type="text/css" href="../style.css" media="screen" />
010.<style type="text/css">
011.body,td,th {
012. font-family: "Microsoft Sans Serif";
013.}
014.a {
015. font-family: "Microsoft Sans Serif";
016.}
017.</style>
018.<!-- InstanceBeginEditable name="head" -->
019.<!-- InstanceEndEditable -->
020.</head>
021.<body>
022.
023.<div id="wrap">
024.
025.<div id="header">
026.<h1> </h1>
027.<p> </p>
028.<p> </p>
029.<p> </p>
030.<p> </p>
031.<p> </p>
032.<table width="100%">
033. <tr>
034. <th scope="col"> </th>
035. <th scope="col"><link rel="stylesheet" href="../images/cbcscbinsmenu.css" type="text/css" />
036.
037.<ul id="ebul_cbinsmenu_5" class="ebul_cbinsmenu" style="display: none;">
038.<li><a target="_blank" title="">ต.ท้ายหาด</a></li>
039.<li><a target="_blank" title="">ต.แหลมใหญ่</a></li>
040.<li><a target="_blank" title="">ต.บางจะเกร็ง</a></li>
041.</ul>
042.<ul id="ebul_cbinsmenu_6" class="ebul_cbinsmenu" style="display: none;">
043.<li><a title="">ต.แพรกหนามแดง</a></li>
044.<li><a title="">ต.ปลายโพงพาง</a></li>
045.<li><a title="">ต.สวนหลวง</a></li>
046.<li><a title="">ต.ท่าคา</a></li>
047.</ul>
048.<ul id="ebul_cbinsmenu_7" class="ebul_cbinsmenu" style="display: none;">
049.<li><a title="">ต.บางพรม</a></li>
050.<li><a title="">ต.กระดังงา</a></li>
051.<li><a title="">ต.ดอนมะโนรา</a></li>
052.</ul>
053.<table id="cbinsmenuebul_table" width="0" cellpadding="0" cellspacing="0" border="0" summary="button-menu">
054.<tr>
055. <td style="padding-right:0px" title=""><a href="http://www.maeklongvijai.org/" target="_parent"><img id="cbi_cbinsmenu_1" src="../images/ebbtcbinsmenu1_0.png" name="ebbcbinsmenu_1" width="100" height="39" style="vertical-align: bottom;" border="0" alt="หน้าแรก" title="" /></a></td>056. <td style="padding-right:0px" title=""><a href="calculation.php"><img id="cbi_cbinsmenu_2" src="../images/ebbtcbinsmenu2_0.png" name="ebbcbinsmenu_2" width="137" height="39" style="vertical-align: bottom;" border="0" alt="คำนวณระยะทาง" title="" /></a></td>
057. <td style="padding-right:0px" title=""><a href="gps.php"><img id="cbi_cbinsmenu_3" src="../images/ebbtcbinsmenu3_0.png" name="ebbcbinsmenu_3" width="136" height="39" style="vertical-align: bottom;" border="0" alt="หาพิกัดบนแผนที่" title="" /></a></td>
058. <td style="padding-right:0px" title=""><a href="show_data_samutsongkhram.php"><img id="cbi_cbinsmenu_4" src="../images/ebbtcbinsmenu4_0.png" name="ebbcbinsmenu_4" width="155" height="39" style="vertical-align: bottom;" border="0" alt="แผนที่สมุทรสงคราม" title="" /></a></td>
059. <td style="padding-right:0px" title=""><a><img id="cbi_cbinsmenu_5" src="../images/ebbtcbinsmenu5_0.png" name="ebbcbinsmenu_5" width="105" height="39" style="vertical-align: bottom;" border="0" alt="อ.เมืองฯ" title="" /></a></td>
060. <td style="padding-right:0px" title=""><a><img id="cbi_cbinsmenu_6" src="../images/ebbtcbinsmenu6_0.png" name="ebbcbinsmenu_6" width="105" height="39" style="vertical-align: bottom;" border="0" alt="อ.อัมพวา" title="" /></a></td>
061. <td style="padding-right:0px" title=""><a><img id="cbi_cbinsmenu_7" src="../images/ebbtcbinsmenu7_0.png" name="ebbcbinsmenu_7" width="115" height="39" style="vertical-align: bottom;" border="0" alt="อ.บางคนที" title="" /></a></td>
062. <td style="padding-right:0px" title=""><a href="http://www.maeklongvijai.org/index.php?option=com_content&;view=article&id=91&Itemid=61"><img id="cbi_cbinsmenu_8" src="../images/ebbtcbinsmenu8_0.png" name="ebbcbinsmenu_8" width="85" height="39" style="vertical-align: bottom;" border="0" alt="ผู้ดูแล" title="" /></a></td>063.</tr>
064.</table>
065.<script type="text/javascript" src="../images/cbjscbinsmenu.js"></script></th>
066. </tr>
067.</table>
068.<p> </p>
069.</div>
070.<div id="content"><!-- InstanceBeginEditable name="EditRegion3" --> <script src= "http://maps.google.com/maps?file=api&;amp;v=2&key=ABQIAAAAJ8RW3dj4Y4w2thtIFK3DRxT8tCr6npqDDQoN-PT5WJGSiRG2uhSRPOP_yjpJfmfhETDZ_UPo1JoTXg" type="text/javascript" ></script>071. <script src="../js/gmaps.CircleOverlay.js" type="text/javascript"></script>
072. <script src="../js/gmaps.CircleOverlay.js" type="text/javascript"></script>
073. <script type="text/javascript">
074.
075. var circle = null;
076. var circle2 = null;
077. var map;
078. var geocoder;
079.
080. var iconBlue = new GIcon();
081. iconBlue.image = '../images/red2.png';
082. iconBlue.shadow = '../images/shadow.png';
083. iconBlue.iconSize = new GSize(32, 37);
084. iconBlue.shadowSize = new GSize(32, 37);
085. iconBlue.iconAnchor = new GPoint(15, 45);
086. iconBlue.infoWindowAnchor = new GPoint(5, 1);
087.
088. var icongreen = new GIcon();
089. icongreen.image = '../images/green2.png';
090. icongreen.shadow = '../images/shadow.png';
091. icongreen.iconSize = new GSize(32, 37);
092. icongreen.shadowSize = new GSize(32, 37);
093. icongreen.iconAnchor = new GPoint(15, 45);
094. icongreen.infoWindowAnchor = new GPoint(5, 1);
095.
096. var customIcons = [];
097. customIcons["เตาตาลที่ไม่ได้ใช้งานแล้ว"] = iconBlue;
098. customIcons["เตาตาลที่ยังใช้งานอยู่"] = icongreen;
099.
100. function load() {
101. if (GBrowserIsCompatible()) {
102. map = new GMap2(document.getElementById("map_canvas"));
103. geocoder = new GClientGeocoder();
104. map.addMapType(G_PHYSICAL_MAP);
105.
106. map.addControl(new GLargeMapControl());
107. map.addControl(new GMapTypeControl());
108. map.setCenter(new GLatLng(13.386279,99.9568471), 11);
109.
110. GDownloadUrl("ajax_markers_samutsongkhram.php", function(data) {
111. var xml = GXml.parse(data);
112. var markers = xml.documentElement.getElementsByTagName("marker");
113. var sidebar2 = document.getElementById('sidebar2');
114. sidebar2.innerHTML = '';
115. if (markers.length == 0) {
116. sidebar2.innerHTML = 'No results found.';
117. return;
118. }
119.
120. var bounds = new GLatLngBounds();
121.
122. for (var i = 0; i < markers.length; i++) {
123. var name = markers[i].getAttribute("name");
124. var address = markers[i].getAttribute("address");
125. var type = markers[i].getAttribute("type");
126. var datamap = markers[i].getAttribute("datamap");
127. var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")) ,
128. parseFloat(markers[i].getAttribute("lng")));
129. var marker = createMarker(point, name, address, type, datamap);
130. map.addOverlay(marker);
131.
132. var sidebarEntry = createSidebarEntry(marker, name, address);
133. sidebar2.appendChild(sidebarEntry);
134. bounds.extend(point);
135. }
136. });
137. }
138.}
139.
140. function createMarker(point, name, address, type, datamap) {
141. var marker = new GMarker(point, customIcons[type]);
142.
143.
144.
145.
146. GEvent.addListener(marker, "click", function() {
147.
148. this.openInfoWindowHtml(" ชื่อ : "+name+"<br>ตำบล: "+address+"<br>ประเภท: "+type+"<br>ละติจูด:"+this.getLatLng().lat()+"<br> ลองติจูด : "+this.getLatLng().lng()+"<br>ข้อมูล:"+datamap+"<br>");
149.
150.
151. });
152.
153. return marker;
154. }
155.
156.
157.function createSidebarEntry(marker, name, address) {
158. var div = document.createElement('div');
159. var html = "<b>ชื่อ : " + name + "</b> <br/>ตำบล : " + address +"<br/> ------------------------------";
160. div.innerHTML = html;
161. div.style.cursor = 'pointer';
162. div.style.marginBottom = '5px';
163. GEvent.addDomListener(div, 'click', function() {
164. GEvent.trigger(marker, 'click');
165. });
166. GEvent.addDomListener(div, 'mouseover', function() {
167. div.style.backgroundColor = '#eee';
168. });
169. GEvent.addDomListener(div, 'mouseout', function() {
170. div.style.backgroundColor = '#fff';
171. });
172. return div;
173.}
174.
175. </script>
176. <style type="text/css">
177.<!--
178.body {
179. background-image: url(file:
180.}
181..style1 {color: #FF0000}
182..style2 {color: #FF9B9B}
183..style3 {
184. font-size: 14px;
185. font-weight: bold;
186.}
187..style4 {color: #0000FF}
188..style5 {color: #00FF00}
189.-->
190. </style>
191. </head>
192. <body onload="load()" onunload="GUnload()">
193. </p>
194. <p><center>
195. </center></p>
196. <table width="942" height="608" align="center">
197. <tbody>
198. <tr id="cm_mapTR">
199. <td width="699" height="602"> <div id="map_canvas" style="width: 750px; height: 600px"></div> </td>
200. <td width="266" height="602" valign="top"><div align="center">
201. <p>จังหวัดสมุทรสงคราม</p>
202. <table width="100%">
203. <tr>
204. <th scope="col"><form id="form3" method="post" action="search_tambon_samutsongkhram.php">
205. <input type="submit" name="button3" id="button3" value="ค้นหาจากตำบล" />
206. </form></th>
207. </tr>
208. <tr>
209. <th scope="row"><form id="form4" method="post" action="search_type_samutsongkhram.php">
210. <input type="submit" name="button3" id="button4" value="ค้นหาจากประเภท" />
211. </form></th>
212. </tr>
213. <tr>
214. <th scope="row"><form id="form" method="post" action="search_subject_samutsongkhram.php">
215. <input type="submit" name="button" id="button" value="ค้นหาจากเรื่อง" />
216. </form></th>
217. </tr>
218. </table>
219. </div>
220. <div id="sidebar2" style="overflow: auto; height: 500px; font-size: 11px; color: #000"></div> </td>
221. </tr>
222. </tbody>
223.</table><!-- InstanceEndEditable -->
224. <p><center></center></p>
225. <div style="clear: both;"> </div>
226.
227.</div>
228.
229.</div>
230.
231.<div id="footer"><img name="" src="../images/adress.png" width="550" height="70" alt="" /></div>
232.
233.</body>
234.<!-- InstanceEnd --></html>
