All posts tagged: google-map

สร้างแผนที่ บนเว็บไซต์ง่ายๆ ด้วย Google Map

การสร้างแผนที่เว็บไซต์ด้วย Google map

การสร้างแผนที่ บนเว็บไซต์ด้วย Google Map นั้นมีประโยชน์มากคะ เพราะจะช่วยให้ค้นหาและใช้นำทางไปได้สะดวก ไม่ต้องเสียเวลาลงโปรแกรม ไม่ต้องลงทุนลงแรงวาดแผนที่กันเองแล้วอัพขึ้นเว็บอีกที หรือหาเครื่องมือสร้างกราฟิกแผนที่อื่นๆ เลยค่ะ Google Map สามารถนำทางให้ลูกค้ามาถึงหน้าร้าน หรือที่ตั้งธุรกิจของเราได้ง่ายๆ ผ่านโลกออนไลน์ แค่เพียงปลายนิ้วคลิก เพียงแต่เราปักหมุด ลงบนจุดให้ถูกที่ก็พอแล้วล่ะคะ บทความนี้ขอแนะนำ วิธีการทำเว็บไซต์ให้น่าสนใจและมีประโยชน์ต่อการนำทาง ด้วยการ ปักหมุดแผนที่บน Google Map ค่ะ เพื่อให้แผนที่แสดงผลในหน้าติดต่อเรา ซึ่งเราสามารถปักหมุดระบุตำแหน่งที่ตั้งของบริษัท องค์กร หรือร้านค้าลงในแผนที่ Google Map และสามารถนำโค้ด HTML มาติดในเว็บไซต์ ช่วยอำนวยความสะดวกแก่ผู้เข้าชมเว็บไซต์หรือผู้ที่จะเดินทางมายังร้านค้าของเราได้ โดยมีขั้นตอนง่ายๆ ดังนี้ค่ะ 1. คลิกสร้างแผนที่ล็อกอินเข้าสู่ระบบด้วย Google Account ของคุณ (หรือสมัครใหม่ฟรี ไม่มีค่าใช้จ่ายค่ะ) โดยไปที่หน้า mapsengine.google.com จากนั้น เมื่อล็อกอินเรียบร้อยแล้ว คลิกปุ่ม “Create a new map” (สร้างแผนที่) 2. กรอกข้อมูลและระบุตำแหน่งที่ตั้งเราสามารถตั้งชื่อแผนที่ เพิ่มข้อมูลติดต่อ ที่อยู่ ลงในแบบฟร์อมโดยคลิกที่ตำแหน่งนั้นๆ และตั้งชื่อแทนคำว่า “Untitled” ได้เลยนะคะ สำหรับการ ระบุตำแหน่งที่ตั้งบนแผนที่ ให้คลิกปุ่ม (เพิ่มเครื่องหมายตำแหน่ง) จากนั้น คลิกวางหมุดในพิกัดบนแผนที่ตามต้องการ เราสามารถพิมพ์ข้อมูลเกี่ยวกับองค์กรสำหรับแสดงผลเพิ่มเติมบนแผนที่ และคลิก บันทึก คะ 3. แชร์ข้อมูลและรับโค้ดแผนที่ต่อจากขั้นตอนปักหมุดระบุตำแหน่งเสร็จแล้ว ก็ถึงขั้นตอนการรับ Code สำหรับนำไปติดตั้งในเว็บของเรานะคะ โดยมีวิธีคือ –  คลิกที่ปุ่ม “Share” –  แสดงหน้าต่างสำหรับกรอกชื่อและรายละเอียดแผนที่และกด “Save”  (หากไม่ต้องการกรอก สามารถกด skip เพื่อข้ามได้คะ) –  ในหน้าต่าง “Sharring Setting” ที่หัวข้อ “Who has Access” คลิกปุ่ม “Change” เพื่อกำหนดสิทธิ์การเข้าถึง –  ปรากฎหน้าต่าง “Link Sharing” ให้คลิกตัวเลือก “Public on the Web” แชร์เป็นสาธารณะ และคลิก “Save” –  กลับสู่หน้าต่าง “Sharring Setting” คลิกปุ่ม “Done“ – กลับสู่หน้าจัดการแผนที่หลัก ให้คลิกสัญลักษณ์ – คลิก “Embed on my site”  – คัดลอก Code Iframe ในหน้าต่างที่ปรากฎ และกด OK 4. นำโค้ดแผนที่ติดตั้งในเว็บไซต์ Log in เข้าส่วนแก้ไขเว็บไซต์ของคุณแล้ว จากนั้น คลิก”แก้ไข” เมนูที่ต้องการแสดงผลแผนที่ โดยส่วนใหญ่ก็คือ เมนู “ติดต่อเรา” นั่นเองคะ หรือหากต้องการอธิบายข้อมูลการเดินทางอย่างละเอียด ก็อาจสร้างเป็นเมนู “แผนที่การเดินทาง” ขึ้นมาใหม่เลยก็ได้คะ โดยก่อนวางโค้ดนั้น จะต้องคลิกเครื่องมือที่จะเปลี่ยนพื้นที่เนื้อหาให้รองรับ Code ต่างๆ ก่อนนะคะ ไม่อย่างนั้นแล้วระบบเว็บไซต์จะมองว่า Code แผนที่ของเรา เป็นเพียงข้อมูลตัวอักษรปกติ เช่น หากเครื่องมือ Source ทำงาน ข้อมูลในช่องรายละเอียดจะถูกแปลงเป็น HTML Code และพร้อมรับข้อมูลที่เป็น Code ต่าง ๆ ให้วางโค้ด Google Maps ในช่องรายละเอียดเนื้อหาได้เลยค่ะหรือ เมื่อคลิกที่เครื่องมือ Source อีกครั้ง ระบบจะแสดงข้อมูลแบบปกติ และจะปรากฏแผนที่ Google Maps ในเนื้อหาแล้วนะคะ ซึ่งคุณสามารถใส่รายละเอียดการติดต่ออื่นๆ หรือปรับตกแต่งการจัดวางข้อมูลประกอบให้สวยงามได้ตามต้องการ สุดท้ายอย่าลืม คลิก “บันทึก” ด้วยนะคะ การสร้างแผนที่บนเว็บไซต์ง่ายๆ ด้วย Google Map นอกจากจะใช้ในการนำทางแก่ผู้ที่ต้องการเดินทางมาติดต่อโดยตรงแล้ว ยังช่วยสร้างความน่าเชื่อถือ จากการยืนยันถึงตำแหน่งที่ตั้งและความมีตัวตนใหักับธุรกิจ เพิ่มความมั่นใจในการสั่งซื้อสินค้าให้กับลูกค้าออนไลน์ได้อีกด้วยค่ะ   โดย..เจ้าน้อย..        

Read more

Google Map คู่มือการปักหมุดสถานที่ของคุณ ลงบนแผนที่

Google Map Head photo Google Map คู่มือการปักหมุดสถานที่ของคุณ ลงบนแผนที่
Google Map คู่มือการปักหมุดสถานที่ ของคุณ ลงบนแผนที่ Google Map คู่มือการปักหมุดสถานที่ ของคุณ ลงบนแผนที่ สำหรับใครที่ต้องการแสดงตัวตนบนแผนที่ Google Map ต้องฟังทางนี้ ง่ายและฟรีไม่มีค่าใช้จ่ายใดๆทั้งสิ้น !! ก่อนอื่นเลยต้องขอบอกก่อนว่า การปักหมุดสถานที่อยู่ ที่ทำงาน หรือธุรกิจ ของคุณลงบนแผนที่ Google Map นั้นมีข้อดีหลายๆอย่างในแง่ของการทำธุรกิจ คือการระบุสถานที่อย่างเจาะจง เพื่อให้มองเห็นได้ง่ายในยามที่ต้องการค้นหาสถานที่ตั้ง และสะดวกต่อการนำทาง หรือเพื่อให้เกิดความโดดเด่นและเพิ่มความน่าสนใจให้แก่ธุรกิจของเรา โดยการปักหมุดบนแผนที่ Google Map นั้น ยังสามารถนำโค้ดมาติดในเว็บไซต์ของเราได้ เพื่อให้แผนที่แสดงผลในหน้าติดต่อเรา หรือแผนที่การเดินทาง ช่วยอำนวยความสะดวกแก่ผู้เข้าชมเว็บไซต์ โดยมีขั้นตอนที่ไม่ยากลองมาทำตามกันดู สถานที่ ที่เราต้องการปักหมุดลงไปคือ บริษัท กราฟฟิก บุฟเฟ่ต์ จำกัด  ขั้นตอนดังต่อไปนี้ 1.อันดับแรกไปที่ http://maps.google.co.th จากนั้น ล็อกอินเข้าสู่ระบบด้วย Google Account ของเรา เมื่อ login เรียบร้อยแล้ว ให้เราคลิกที่ “สถานที่ของคุณ” คลิก “แผนที่” และสร้างแผนที่หากใครที่ยังไม่มี Google Account  ก็สามารถสมัครได้ฟรีในทันที    2. คลิก “แผนที่” และ คลิก ”สร้างแผนที่”       3. ดำเนินการค้นหาที่ตั้ง โดยการพิมพ์แหล่งที่ตั้งลงไปในช่องค้นหา (หากค้นหาไม่พบให้ใส่ย่านหรือถนนที่อยู่ในบริเวณใกล้คียงลงไป )         4. จากนั้นให้ซูมเพื่อหาตำแหน่งที่อยู่ และทำการปักหมุดลงไปในบนแผนที่ และเมื่อปักหมุดลงไป จะขึ้นหน้าต่างสีขาวให้ใส่รายละเอียดที่ตั้งของคุณ เช่น ชื่อบริษัท และใส่คำอธิบายเพิ่มเติมเกี่ยวกับบริษัท          5.เมื่อใส่รายละเอียดครบแล้ว ต่อไปคือขั้นตอนการนำรูปมาใส่ ให้คลิกที่รูปไอคอนกล้องถ่ายภาพ เพื่ออัพโหลดภาพมาใส่ (ถามว่าทำไมต้องใส่รูป ? ใส่รูปเพื่อให้ที่ตั้งของคุณมีความโดดเด่นกว่าใครๆ โดยคุณสามารถเลือกรูปที่ต้องการใส่เองได้ตามใจ    6.  เมื่ออัพโหลดภาพมาใส่เรียบร้อยแล้ว จะมีช่องใต้ภาพให้คุณได้ใส่รายละเอียด คำอธิบายเพิ่มเติมลงไปอีกหนึ่งครั้ง    7. หลังจากได้ใส่ภาพแล้ว ต่อไปคือการสร้างสัญลักษณ์ให้กับหมุดของเรา โดยในระบบก็ได้มีรูปสัญลักษณ์มากมายให้คุณได้เลือก แต่ถ้าหากใครที่อยากใส่รูปเป็นของตัวเองก็สามารถอัพรูปมาใส่ได้ โดยในระบบก็ได้มีรูปสัญลักษณ์มากมายให้คุณได้เลือก โดยคลิกที่สัญลักษณ์ภาพที่อยู่บนลูกศรสีแดงดังภาพด้านล่าง    แต่ถ้าหากใครที่อยากใส่รูปเป็นของตัวเองก็สามารถอัพรูปมาใส่ได้ โดยกดที่ไอคอนที่กำหนดเอง (ถามว่าทำไมต้องใส่รูป ? ใส่รูปเพื่อให้ที่ตั้งของคุณมีความโดดเด่นกว่าใครๆบนแผนที่ระแวกนี้ โดยคุณสามารถเลือกรูปที่ต้องการใส่เองได้ตามใจชอบ)   8. หลังจากทำการปักหมุดแผนที่และบันทึกเรียบร้อยแล้ว จะปรากฎข้อมูลที่ ปักหมุดอยู่ตรงด้านซ้าย เมื่อคลิกบริเวณข้อมูลดังกล่าว จะแสดงผลตำแหน่งที่ปักหมุดขององค์กรพร้อมรายละเอียดบนแผนที่      และถ้าใครอยากได้แผนที่ ที่เราปักหมุดไว้แล้วไปแสดงบนหน้าเว็บไซต์ ก็แค่คลิกเลือก “ฝังในเว็บไซต์ของฉัน” เพื่อรับโค้ดไปใส่ในเว็บไซต์ได้
Read more