Googib's Blog GoogleMap & Excel Step by Step

ไม่ได้เขียนซะตั้งนาน งานเข้านิดหน่อยครับ 5555+

เกือบจะลืมหมดละครับเนียะ มาเตือนความจำกันซะหน่อย กันลืมครับ

ในกลุ่มนี้จะเป็็น Event ที่เกิด ขึ้นเมื่อเรามีการกระทำใดๆกับแผนที่ของเรา เช่น การคลิ๊กเมาส์ ดับเบิ้ลคลิกจเมาส์ จะสามารถใช้ method ในกลุ่มนี้ check ได้

addmaptype
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเพิ่มชนิดของแผนที่
Removemaptype
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการลบชนิดของแผนที่ ออกไป
click
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ click ลงไปบนแผนที่ ตัวอย่างการใช้
GEvent.addListener(map, ‘click’, function(overlay, point)
{
alert(point);
});

ขอบคุณภาพจาก emap.files.wordpress.com

dblclick
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ Doubleclick ลงไปบนแผนที่ ตัวอย่างการใช้
GEvent.addListener(map, ‘dblclick’, function(){ });

movestart
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อแผนที่มีการถูก Move ไปในตำแหน่งอื่น Event นี้จะเกิดขึ้นเมื่อมี Move แผนที่ครั้งแรกเท่านั้น ตัวอย่างการใช้
GEvent.addListener(map, ‘movestart’, function(){ });
Read the rest of this entry »

method นี้จะใช้ในการเรียกหน้าต่างข้อมูลหรือที่เรียกว่า info window
ขึ้นมาแสดงเพื่ออธิบายรายละเอียดของจุดนั้นโดยที่เราเป็นคนกำหนดเอง

1. openInfoWindow(point, node)
   รายละเอียด:: method นี้จะใช้ในการเรียก info window ขึ้นมาแสดงบนแผนที่ที่เราสร้างขึ้นมา
   โดยที่เราต้องกำหนด จุดที่จะให้มันแสดง คือ Point,กำหนด textNode คือข้อความที่เราต้องการให้แสดงบน
   info window มีวิธีการใช้คือ
   
   map.setCenter(new GLatLng(19.840235731760227,99.76081073284149 ),
   15,G_SATELLITE_MAP);
   map.openInfoWindow(map.getCenter(),document.createTextNode("ทดสอบ"));
   หรือ
   map.openInfoWindow(map.getCenter(),document.getElementById("ทดสอบ"));
   
   จากตัวอย่าง กำหนดให้แสดงตรงพิกัดที่เป็นค่า Center พอดีและแสดงคำว่า "ทดสอบ" นั้นเอง การใช้
   openInfoWindow()ประเภทนี้จะสามารถใช้ได้อีกอย่างคือ การเรียก Element บนหน้า page
   ของเรามาแสดงก็ได้

2. openInfoWindowHtml(point, html)
   รายละเอียด:: method นี้จะใช้เหมือนกับ method openInfoWidow()
   เลยนะครับแต่จะแตกต่างกันตรงการแสดงข้อความบน info window
   เพราะ openInfoWindowHtml() ในส่วนของการแสดงข้อมูลนั้นจะใช้ Html
   เข้ามาช่วยในการจัดตำแหน่งหรือสามารถแสเงเป็น textbox ใน info window เลยก็ได้วิธีใช้คือ
   map.openInfoWindowHtml(map.getCenter(),("ทดสอบ
   ครั้งที่2"));
    Read the rest of this entry »

ในส่วนของ Method ในกลุ่มนี้จะใช้สำหรับกับหนดจุดที่เราต้องการลงบนแผนที่โดยการใช้รูป icon หรือใช้ เส้นมากำหนด แทนที่ที่เราต้องการกำหนดโดยมี method ดังต่อไปนี้

1. addOverlay(overlay) รายละเอียด:: คือการกำหนดจุดที่เราต้องการ ลงไปบนแผนที่นั้นเอง มีวิธีการใช้คือ

   marker = new GMarker(new GLatLng(13,100));
   map.addOverlay(marker);

   การกำหนดจุดลงไปบนแผนที่นั้นเราต้องมีการกำหนดจุดที่เราต้องการก่อน ตัวอย่างจะใช้ class GMarker() เข้ามาช่วยในการกำหนดจุดที่เราต้องการ แล้วจึงนำจุดที่เราได้นั้นมาแทนในส่วนของ overlay นั้นเอง

2. removeOverlay(overlay) รายละเอียด:: คือการลบจุดที่เราต้องการ ออกจากแผนที่โดยการลบแบบนี้จะลบเฉพาะจุดที่เราต้องการเท่านั้น

   marker = new GMarker(new GLatLng(13,100));
   map.removeOverlay(marker);
   Read the rest of this entry »

Methods พวกนี้ จะเป็น methods ที่ใช้สำหรับกำหนดค่าต่างๆลงไปในแผ่นที่นะครับ
เช่น การกำหนด พิกัดที่จะแสดง การ Zoom ต่างๆ

1. setCenter(center:GLatLng, zoom?:Number, type?:GMapType)
   รายละเอียด:: คือการกำหนดค่า Center ของแผนที่ที่เราจะแสดงออกมาว่าจะให้แสดง Center
   อยู่ที่พิกัดที่เท่าไหร่โดยสามารถกำหนดระดับการ Zoom ที่ใช้และชนิดการแสดงแผนที่ได้ด้วย มีวิธีการใช้ดังนี้
   
   map.setCenter(new GLatLng(19.840235731760227,99.76081073284149 ),
    15,G_SATELLITE_MAP)
   
   จากวิธีการใช้ ในส่วนของ Center นั้นเราจะกำหนดค่าพิกัดลงไปโดยใช้ Class
   GLatlng() เข้ามาช่วย การ Zoom=15 ชนิดแผนที่ที่แสดงคือ G_SATELLITE_MAP

2. panTo(center)
   รายละเอียด:: method นี้ใช้ในการเลื่อนตำแหน่ง Center ของแผนที่ที่เราแสดง
   ในปัจจุบัน ไปเป็นตำแหน่ง Center ที่เรากำหนดโดยการใช้ method panTo
   นั้นเอง มีวิธีการใช้คือ
   
   map.panTo(new GLatLng(53.752589,-1.756663))
    Read the rest of this entry »

Methods ในกกลุ่มนี้ใช้สำหรับการ Returns ค่าต่างๆของแผนที่ออกมาให้เราทราบเช่น Returns ค่า การ Zoom ของแผนที่ Returns ค่า พิกัด ตรงกลางของแผนที่ มี Methods ต่างๆดังนี้

1. isLoaded()
   คืนค่า True เมื่อแผนที่ที่เราสร้างขึ้นมานั้นสามารถ Load ขึ้นมาแสดงได้ วิธีใช้คือ
   ——————————————————
   map.isLoaded()
   —————————————————— 
2. getCenter()
   รายละเอียด:: จะคืนค่า พิกัดเส้นรุ้ง,พิกัดเส้นแวง( Lat,Lng ) ตรงกลางของแผนที่ ที่แสดงออกมา วิธีใช้คือ——————————————————
   map.getCenter()
   ——————————————————
   
   Read the rest of this entry »