<html>
<head><title>Map 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!-- ทำให้สามารถแสดงผลภาษาไทยได้ -->
<style type="text/css">
body { margin: 0; padding: 0;} /* โดย default body ของ html จะมี margin หรือ padding (ขึ้นกับ browser) ทำให้มีขอบขาวใน map ทำการกำหนด margin,padding = 0 เพื่อให้แสดงผลเต็มจอ โดยใช้ CSS */
</style>
<script type="text/javascript" src="http://api.longdo.com/map/?key=xxxxxxxxxxxxxx"></script> <!-- script ที่ลิ้งค์ไปยัง library ของ longdomap -->
<script type="text/javascript"> <!-- init คือ function ที่ทำการสร้าง longdomap และสั่งให้แสดงผลใน div map ด้วย parameter placeholder: document.getElementById('map') -->
var map; <!-- ดู map options อื่นๆได้ที่ document http://api.longdo.com/map/doc/content/ -->
function init() {
map = new longdo.Map({
placeholder: document.getElementById('map')
});
}
</script>
</head>
<body onload="init();"> <!-- สั่งให้เรียก function init(); เมื่อโหลดเสร็จโดยอัตโนมัติด้วย event onload -->
<div id = "map"></div> <!-- กำหนด div ใน body ให้ longdomap -->
</body>
</html>