เข้าสู่ระบบ
เริ่มทดลองใช้งานฟรี

ลงทะเบียนสร้างคีย์ Google Maps API

คุณสามารถเพิ่มส่วนแผนที่ลงในธีมของคุณเพื่อแสดงตำแหน่งที่ตั้งของธุรกิจของคุณ ธีมฟรีจาก Shopify จำนวนมากมีส่วนแผนที่ซึ่งคุณสามารถเพิ่มลงในหน้าแรกของคุณได้

สำหรับแผนที่ที่จะแสดง คุณจะต้องลงทะเบียนคีย์ Google Maps API แล้วรวมไว้ในการตั้งค่าส่วนแผนที่ในตัวแก้ไขธีม

ในหน้านี้

การใช้ Google Maps Platform

เมื่อใช้ API ของ Google เพื่อเพิ่มส่วนแผนที่ลงในธีมของคุณ แสดงว่าคุณยอมรับข้อกำหนดในการใช้บริการของ Google Maps Platform

ในวันที่ 11 มิถุนายน 2018 Google Maps Platform ได้ประกาศการเปลี่ยนแปลงจำนวนมากเกี่ยวกับวิธีการจัดระเบียบและใช้ API ของ Google Maps การใช้ API เหล่านี้จะต้องตั้งค่าบัญชีการเรียกเก็บเงินด้วย Google Maps Platform คุณได้รับเครดิตรายเดือนอย่างต่อเนื่องเพื่อรับบริการที่ครอบคลุมอย่างเต็มที่

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการกำหนดราคา ให้ดูที่เอกสารประกอบการกำหนดราคาและการเรียกเก็บเงินของ Google Maps Platform

ลงทะเบียนสร้างคีย์ Google Maps API

คุณสามารถลงทะเบียนสร้างคีย์ Google Maps API ได้

ขั้นตอน:

  1. ไปที่หน้า Google Maps Platform แล้วคลิก เริ่มใช้งาน

  2. เลือกแผนที่ เส้นทาง และสถานที่ของสินค้าเพื่อรับ API ที่จำเป็นสำหรับการทำงานร่วมกับส่วนแผนที่ธีมฟรี

  3. คลิก ดำเนินการต่อ

  4. สร้างชื่อใหม่หรือเลือกโปรเจ็กต์ที่มีอยู่

  5. หลังจากยอมรับข้อกำหนดในการใช้บริการแล้ว ให้คลิก ถัดไป

  6. สร้างบัญชีการเรียกเก็บเงินด้วย Google Maps Platform บัญชีการเรียกเก็บเงินเป็นข้อกำหนดใน Google Maps Platform ใหม่ สำหรับข้อมูลเพิ่มเติม ให้ดูที่เอกสารประกอบการกำหนดราคาและการเรียกเก็บเงินของ Google Maps Platform

  7. หลังจากเปิดใช้ Google Maps Platform แล้ว ให้คัดลอกคีย์ Google Maps API ใหม่ของคุณไปยังคลิปบอร์ด

เพิ่มคีย์ Google Maps API ของคุณลงในธีมของคุณ

คุณสามารถเพิ่มคีย์ Google Maps API ของคุณลงในธีมได้

ขั้นตอน:

เดสก์ท็อป
  1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
  3. คลิกเพิ่มส่วน
  4. คลิกที่ “แผนที่” จากนั้นคลิกที่ “เลือก”
  5. ป้อนข้อมูลสำหรับแผนที่ของคุณ ในช่องคีย์ Google Maps API ให้วางคีย์ Google Maps API ของคุณ
  6. คลิกที่ “บันทึก”
iPhone
  1. จากแอป Shopify ให้แตะที่ปุ่ม …
  2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะจัดการธีมทั้งหมด
  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
  5. แตะที่แก้ไข
  6. คลิกเพิ่มส่วน
  7. คลิกที่ “แผนที่” จากนั้นคลิกที่ “เลือก”
  8. ป้อนข้อมูลสำหรับแผนที่ของคุณ ในช่องคีย์ Google Maps API ให้วางคีย์ Google Maps API ของคุณ
  9. คลิกที่ “บันทึก”
Android
  1. จากแอป Shopify ให้แตะที่ปุ่ม …
  2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะจัดการธีมทั้งหมด
  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
  5. แตะที่แก้ไข
  6. คลิกเพิ่มส่วน
  7. คลิกที่ “แผนที่” จากนั้นคลิกที่ “เลือก”
  8. ป้อนข้อมูลสำหรับแผนที่ของคุณ ในช่องคีย์ Google Maps API ให้วางคีย์ Google Maps API ของคุณ
  9. คลิกที่ “บันทึก”

หากมีข้อผิดพลาดในการสื่อสารกับ API ของ Google Maps Platform แล้วระบบจะแทนที่แผนที่นั้นด้วยรูปภาพพื้นหลังหรือสีที่คุณได้ระบุไว้ในตัวแก้ไขธีม

จำกัดการเข้าถึง API เฉพาะที่ร้านค้าของคุณเท่านั้น

Google Maps Platform จะแจ้งให้คุณจำกัดการเข้าถึง API ของคุณ คีย์ API ของคุณเป็นรหัสเฉพาะสำหรับส่วนแผนที่ของคุณ ซึ่งคุณสามารถป้องกันไม่ให้ผู้อื่นใช้คีย์ API ของคุณได้โดยจำกัดการเข้าถึงเฉพาะที่โดเมนของคุณเท่านั้น

ขั้นตอน:

  1. ไปที่หน้าข้อมูลประจำตัว API ของ Google

  2. เลือกโปรเจ็กต์ของคุณจากเมนู

  3. เลือกคีย์ API ที่คุณได้สร้างไว้เพื่อเริ่มแก้ไข

  4. ในส่วนข้อจำกัดของแอปพลิเคชัน ให้คลิก ผู้อ้างอิง HTTP (เว็บไซต์) แล้วป้อนโดเมนทั้งหมดที่เชื่อมโยงกับร้านค้าของคุณ รวมถึงโดเมน .myshopify.com ของคุณ ตัวอย่างเช่น หากคุณมีโดเมนแบบกำหนดเอง ให้ป้อนทั้ง https://myCustomDomain.com/* และ https://shop1.myshopify.com/*

  5. คลิกที่ “บันทึก”

ทางเลือกอื่นๆ ในการใช้ Google Maps Platform

หากคุณต้องการแสดงแผนที่ในเว็บไซต์ของคุณ แต่ไม่ใช้บริการของ Google Maps Platform คุณสามารถวางแผนที่แบบฝังในหน้าเว็บของคุณได้

แผนที่แบบฝังตัวใช้ HTML <iframe> ซึ่งสามารถวางลงในหน้าหรือส่วนหน้าหลักที่มีช่องป้อนข้อมูล Rich Text

ไม่พบคำตอบที่คุณต้องการงั้นหรือ เราพร้อมช่วยเหลือคุณ