<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps API DHF Map</title>
<script src="
http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAWQyqcMjMSuC-9l0CNc3iiRQZlvcsPDLiI0AmwngAmwlTxbEimBT5uHW2rqUFRWcSB-7BjkE4QsX1ig"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map = null;
function setupMap() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(15.2338, 99.305419),10);
map.enableDoubleClickZoom();
map.addControl(new GMapTypeControl());
window.setTimeout(setpolygon, 0);
}}
function setpolygon (overlay, latlng) {
var lat = 15.2338;
var lon = 99.305419;
var polygon = new GPolygon([
new GLatLng(lat, lon - 0.01 ),
new GLatLng(lat + 0.13, lon),
new GLatLng(lat+ 0.10, lon + 0.14),
new GLatLng(lat + 0.03 , lon+ 0.1),
new GLatLng(lat - 0.05 , lon+0.3), // +right
new GLatLng(lat - 0.16 , lon),//ตั้ง - ล่าง + บน
new GLatLng(lat, lon - 0.01)
], "#f33f00", 5, 1, "#ff0000", 0.2);
map.addOverlay(polygon);
var lat2 = 15.3738;
var lon2 = 99.505419;
var polygon2 = new GPolygon([
new GLatLng(lat2, lon2 - 0.01 ),
new GLatLng(lat2 + 0.3, lon2),
new GLatLng(lat2+ 0.10, lon2 + 0.4),
new GLatLng(lat2 + 0.03 , lon2+ 0.1),
new GLatLng(lat2 - 0.05 , lon2+0.3), // +right
new GLatLng(lat2 - 0.06 , lon2),//ตั้ง - ล่าง + บน
new GLatLng(lat2, lon2 - 0.01)
], "#ff99ff", 5, 1, "#ffccff", 0.2);
map.addOverlay(polygon2);
}
</script>
<body onload="setupMap()" onunload="GUnload()">
<div id="map_canvas" style="margin: 5px auto; width: 800px; height: 600px"></div>
<div style="text-align: center; font-size: large;">
DHF Map พื้นที่เฝ้าระวัง
</div>