หลักการใช้ api ของ longdomap เพื่อแสดงเขตการปกครอง ดังนี้
<html>
<head>
<title>create map</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="stylemymap1.css">
<script src="http://api.longdo.com/map/?key=fd6699fe92223ffd0c8146361e020f01"></script>
<script type="text/javascript">
var map;
function init() {
map = new longdo.Map({
placeholder: document.getElementById('map'),
lastView: false,
});
var geom1 = new longdo.Polyline([
{ lon: 100.3759, lat: 13.77006 },
{ lon: 101.36742, lat: 14.02802 }
]);
map.Overlays.add(geom1);
var geom2 = new longdo.Polygon([
{lon: 99.73389, lat: 15.78697},
{lon: 102.453, lat: 15.68651},
{lon: 101.48071, lat: 13.35755}
]);
map.Overlays.add(geom2);
var geom3 = new longdo.Circle(
{ lon: 99.32739, lat: 14.92355 },
1);
map.Overlays.add(geom3);
//adi
map.Overlays.load(new longdo.Overlays.Object(
'12',
'IG',
{
title: 'นนทบุรี',
label: 'นนทบุรี', //ข้อความบน object
lineColor: '#888', //สีของเส้น
fillColor: null //สีพื้นหลัง
}
));
////
map.Overlays.load(new longdo.Overlays.Object(
'ต.ถ้ำน้ำผุด',
'ADM'
));
////////////////////////////////////////////
map.Overlays.load(new longdo.Overlays.Object('96', 'IG')); // จ.นราธิวาส
map.Overlays.load(new longdo.Overlays.Object('9610', 'IG'));// อ.สุไหงโกลก
map.Overlays.load(new longdo.Overlays.Object('961204', 'IG'));// ต.ช้างเผือก
///////////////////////////////////////////////////////////////////////////////
}
</script>
</head>
<body onload="init();">
<div id = "map"></div>
</body>
</html>
