วิธีใส่ google map ในเว็บไซต์

วิธีใส่ Google Map หรือการติดตั้งแผนที่ Google ในเว็บไซต์ของคุณ โดยคุณจะต้องมี Google My Business หรือต้องปักหมุดเสียก่อน ซึ่งวิธีติดตั้ง google map นั้นสามารถทำได้ตามขั้นตอนดังต่อไปนี้เลย

มาเริ่มขั้นตอนการติดตั้ง Google Map บนบนเว็บไซต์ไปพร้อมๆกันเลย โดยในที่นี้จะเริ่มด้วยการใช้ Google My Business ก่อน และตามด้วยวิธีปักหมุด

  1. ไปที่ เว็บไซต์ของ Google Map : https://www.google.co.th/maps

    พิมพ์ชื่อสถานที่ของคุณที่ช่องค้นหา บนหน้าเว็บ Google Map
    วิธีใส่ google map ในเว็บไซต์

  2. เมื่อชื่อสถานที่ของคุณแสดงขึ้นมาแล้ว ให้คลิกที่เครื่องหมายแชร์

    ในที่นี้จะใช้สถานที่ที่ชื่อว่า : รับทำเว็บไซต์บริษัท ออกแบบเว็บไซต์ By Zixzax Studio
    วิธีใส่ google map ในเว็บไซต์

  3. เมื่อกดปุ่มแชร์แล้ว จะมีป๊อบอัพตัวเลือกการแชร์ให้เลือกเป็น : ฝังแผนที่ / คัดลอก HTML

    คัดลอก Code tag : <iframe src=” ” ></iframe>
    วิธีใส่ google map ในเว็บไซต์

  4. มาในส่วนเว็บไซต์ WordPress ของคุณ ในที่นี้เราจะเลือกใช้ระบบ Posts จากนั้นให้กดเพิ่มเมนู Formating เลือก Custom HTML

    หรือจะเอาโค้ดไปวางในเว็บไซต์ที่ไม่ใช่ WordPress ก็ได้นะ
    วิธีใส่ google map ในเว็บไซต์

  5. นำโค้ดที่เราคัดลอกจาก Google Map มาวาง

    โดยคุณสามารถปรับเปลี่ยนขนาดความกว้างและความสูงจากค่าเดิม คือ width=”600″ heigth=”450″
    วิธีใส่ google map ในเว็บไซต์

  6. จากนั้นมากด Preview เพื่อดูตัวอย่างแผนที่บนเว็บไซต์ของเรากันเลย

    อย่าลืมกด Save หรือ Publish ด้วยนะครับ
    วิธีใส่ google map ในเว็บไซต์

Tools
  • Google Map
  • Google My Business

ตัวอย่างแผนที่จาก Google Map บนเว็บบไซต์

** ขอสงวนสิทธิ์ในการตอบคำถามทางแชทไว้เฉพาะลูกค้าที่สนสนใจใช้บริการออกแบบ-พัฒนาเว็บไซต์ และบริการอื่นๆ จากเว็บไซต์ zixzax studio เท่านั้น

บทความที่เกี่ยวข้อง ในหมวดหมู่ 

บทความล่าสุด …

กดติดตามเพื่อไม่ให้พลาดข่าวสารและโปรโมชั่น