วิธีใช้งาน Google Map เอามาแชร์แผนที่ลงเว็บไซต์

• ก่อนอื่นก็เข้าไปที่ https://www.google.co.th/maps/ จะเห็นตามรูปด้านบนครับ

• คลิกตามสถานที่ต่างๆ เช่น ร้านค้าของเรา สถานที่ท่องเที่ยว สถานที่เป้าหมายของเรา ที่เราจะแชร์ ตามภาพคือ คลิกที่ เซ็นทรัลชลบุรี ระบบจะขึ้น Popup ด้านซ้ายมาให้เห็น จะกดแชร์เลยก็ได้ครับ จะได้ดังนี้

• เมื่อกด แชร์ ตามภาพแล้ว มันจะขึ้น ส่งลิงค์ หรือ ฝังแผนที่ (Embed) ให้เลือก ฝังแผนที่ แล้วจะมีโค้ด iframe ด้านล่างที่ผมไฮไลท์ไว้ให้เราคัดลอกเพื่อเอาไปแชร์ เอาไปติดบนเว็บไซต์ได้ครับ
• กรณีที่ ไม่มีสถานที่ที่เราจะแชร์ ให้คลิกที่พื้นที่ว่างๆ บนแผนที่ ให้ตรงกับจุดที่เราจะแชร์ตามนี้

• ตามลูกศรชี้ มันจะเป็นหมุดเล็กๆ เมื่อเราคลิกแล้ว ซ้ายมือจะยังไม่แสดงปุ่มแชร์ แบบด้านบน ให้สังเกตด้านล่างสุดของจอที่ผมไฮไลท์ไว้ จะมีพิกัดขึ้นมาให้เรากดที่พิกัดนั้นๆ ได้เลยครับ

• เมื่อคลิกที่พิกัดนั้นๆ แล้ว มันถึงจะขึ้นปุ่มแชร์ซ้ายมือครับ จากนั้นก็ทำตามขั้นตอนเดิมได้เลย
• หลังจากเราคัดลอก HTML ไปแล้ว ก็เอาไปติดบนเว็บไซต์ และผลที่ได้ก็จะประมาณนี้ครับ

• ขึ้นอยู่ว่าเราจะออกแบบอย่างไร ขนาดเท่าไร สูงเท่าไร ประมาณนี้ครับ
• เว็บไซต์ตัวอย่าง http://easyshop.buuscript.com/contact/  << WordPress Theme เว็บขายของสำเร็จรูป สนใจติดต่อ Inbox มาได้เลยครับผม

เสร็จแล้วครับ แค่นี้เอง การเอาแผนที่ของ Google ไปแชร์บนเว็บไซต์ แบบไม่เสียเงิน แต่การใช้งานก็จะค่อนข้างจำกัด แต่ก็ดีกว่าไม่มีนะครับ ลองเอาวิธีนี้ไปใช้งานกันดู ได้ผลอย่างไร คอมเม็นต์เข้ามาคุยกันได้ครับ

บทความโดย tsupaman.com

The post วิธีใช้งาน Google Map เอามาแชร์แผนที่ลงเว็บไซต์…ฟรี! appeared first on TsupamaN.com.