var marker1 = new longdo.Marker({ lon: 99, lat: 13 });

var marker2 = new longdo.Marker({ lon: 101.2, lat: 12.8 },
{
  title: 'Marker',
  icon: { url: 'https://map.longdo.com/mmmap/images/pin_mark.png', offset: { x: 12, y: 45 } },
  detail: 'Drag me',
  visibleRange: { min: 7, max: 9 },
  draggable: true,
  weight: longdo.OverlayWeight.Top,
});

var marker3 = new longdo.Marker({ lon: 101, lat: 12 },
{
  title: 'Custom marker',
  icon: { html: '<em>icon</em>', offset: { x: 18, y: 21 } },
  popup: { html: '<div style="background: #eeeeff;">popup</div>' }
});

var marker4 = new longdo.Marker({ lon: 100.41, lat: 13.84 },
{
  rotate:90
});

• lon,lat: ค่าลองจิจูดและ ค่าละติจูด
• title: ข้อความที่แสดงในส่วนหัวข้อใน Popup
• detail: ข้อความที่แสดงรายละเอียดต่างๆ ใน Popup
• icon: รูปภาพที่แสดงอยู่บนแผนที่
• url: ตำแหน่งที่อยู่ของไฟล์รูปภาพบนเว็บที่จะใช้เป็น Overlays
• visibleRange: ระยะการ zoom ที่สามารถมองเห็น icon นี้ได้
• draggable: ให้ผู้ใช้ลาก Overlay ได้
• weight: แสดง Overlays ไว้บนสุด
• html: กำหนด html เองเพื่อใช้เป็น Overlays
    * มีผลกระทบต่อประสิทธิภาพหากปักหมุดจำนวนมาก
• offset: จุดที่วัดจากตำแหน่งขวาและบนของจุดเริ่มต้น
• popup: กำหนด Popup เอง
• rotate: กำหนดทิศให้กับหมุด โดยเร่ิมต้นที่ทิศเหนือ

var popup1 = new longdo.Popup({ lon: 99, lat: 14 },
{
  title: 'Popup',
  detail: 'Simple popup'
});

var popup2 = new longdo.Popup({ lon: 101, lat: 14 },
{
  title: 'Popup',
  detail: 'Popup detail...',
  loadDetail: updateDetail,
  size: { width: 200, height: 200 },
  closable: false
});
var popup3 = new longdo.Popup({ lon: 102, lat: 14 },
{
  html: '<div style="background: #eeeeff;">popup</div>',
});

function updateDetail(element) {
  setTimeout(function() {
    element.innerHTML = 'Content changed';
  }, 1000);
}

• lon,lat: ค่าลองจิจูดและ ค่าละติจูด
• title: ข้อความที่แสดงในส่วนหัวข้อใน Popup
• detail: ข้อความที่แสดงรายละเอียดต่างๆ ใน Popup
• size: ขนาดของ Popup
• closable: การแสดงปุ่มปิดหน้าจอ Popup มี 2 ค่าคือ true, false

map.Overlays.add(marker1);

// Remove Marker
map.Overlays.remove(marker1);

// Remove Popup
map.Overlays.remove(popup1);

map.Overlays.clear();