ข้ามไปที่เนื้อหาหลัก

WP Location Finder: รับคีย์ Google Maps API

1. การตั้งค่า

1.1 รับคีย์ Google Maps API และ API Services

ทุกครั้งที่คุณใช้ Google Maps API หากโดเมนของคุณถูกสร้างขึ้นหลังวันที่ 22 มิถุนายน 2016 คุณจะต้องใส่รหัสเพื่อตรวจสอบคำขอของคุณ
รับรหัสและเปิดใช้งาน API: https://developers.google.com/maps/documentation/javascript/get-api-key

ข้อมูลเพิ่มเติม: https://developers.google.com/maps/documentation/javascript/usage?hl=th

ก่อนอื่นคุณควรนำทางไปยัง Google Cloud Console เลือกโครงการหรือสร้างใหม่ จากนั้นคลิกที่ ปุ่ม "สร้าง Create Credentials" ตัวเลือก "API Key"

 

สร้างคีย์ API

 

จากนั้นทำตามขั้นตอนถัดไปและคลิก สร้าง เพื่อรับคีย์ API ใหม่ บันทึกไว้สำหรับขั้นตอนต่อไป

 

api-key-ctreat

 

นอกจากนี้จำเป็นต้องเปิดใช้บริการ API ที่จำเป็นบางอย่าง ใน Google Console ไปที่ APIs & Services และค้นหาตามที่แสดงด้านล่าง:

  • แผนที่ JavaScript API
  • GEOCODING API
  • GEOLICATION API
  • สถานที่ API
  • เส้นทาง API

 

เปิดใช้งานบริการ

 

1.2 วิธีสร้าง ID แผนที่?

ในการสร้างรหัสแผนที่โปรดนำทางไปยัง หน้า การจัดการแผนที่ คลิกที่ ปุ่ม สร้าง Map ID

 

create-new-map-id

 

จากนั้นในหน้าสร้างหน้าสร้างแผนที่ใหม่ให้ทำสิ่งต่อไปนี้:

  • ชื่อ: ป้อนชื่อแผนที่แผนที่
  • คำอธิบาย: อธิบายสิ่งที่ ID แผนที่ใช้สำหรับ (ไม่บังคับ)
  • ประเภทแผนที่: เลือก JavaScript และเลือกประเภทแรสเตอร์ (ค่าเริ่มต้น) หรือประเภทแผนที่เวกเตอร์

 

New-Map-Id-Fields

 

อย่าลืมคลิก บันทึก เพื่อแสดงรหัสแผนที่ใหม่ของคุณ โปรดเก็บไว้สำหรับการตั้งค่า

 

สร้างแผนที่

 

หมายเหตุ: ID แผนที่เป็นตัวระบุที่ไม่ซ้ำกันซึ่งแสดงถึงการตั้งค่าสไตล์ Google Map และการตั้งค่าการกำหนดค่าที่เก็บไว้ใน Google Cloud ใช้ MAP ID "DEMO_MAP_ID" เพื่อการทดสอบหากคุณไม่มีรหัสแผนที่

 

1.3 ส่วนการตั้งค่า

สุดท้ายนำทางไปยัง ตัวค้นหาตำแหน่งเมนู> การตั้งค่า และเติม คีย์ API Google MAP และ ID แผนที่ ที่สร้างขึ้นในขั้นตอนก่อนหน้าในฟิลด์ที่เกี่ยวข้อง:

 

  • คีย์ Google Maps API: คีย์ Google Maps API เป็นสิ่งจำเป็น กรุณาย้อนกลับไปที่ ขั้นตอนที่ 1.1 หากคุณไม่ทราบวิธีสร้างคีย์ API ใหม่
  • Map ID: รหัสแผนที่เป็นตัวระบุที่ไม่ซ้ำกันซึ่งแสดงถึงการตั้งค่าสไตล์ Google Map และการตั้งค่าการกำหนดค่าที่เก็บไว้ใน Google Cloud
    นี่เป็นข้อบังคับที่จะมีหนึ่งคุณสามารถเก็บค่าเริ่มต้น (DEMO_MAP_ID) หากคุณไม่ต้องการ
  • แผนที่การซูมเริ่มต้น: ระดับซูมเริ่มต้นบนแผนที่เมื่อโหลดครั้งแรก (ตั้งค่าซูมอัตโนมัติเป็น 0)
  • แสดงตัวกรองหมวดหมู่
  • แสดงตัวกรองประเทศ
  • แสดงตัวกรองรัศมี
  • ระยะทางสำหรับการค้นหารัศมี: ระยะทางในเครื่องมือค้นหารัศมี
  • แสดงตัวกรองแท็ก
  • เปิดรายละเอียดตำแหน่งในแท็บใหม่

 

การตั้งถิ่นฐาน

 

จอแสดงผลแผนที่

ตำแหน่งที่คุณสร้างขึ้นจะปรากฏบนแผนที่ใน ส่วน การตั้งค่า

 

การตั้งค่าแผนที่

 

สถานที่เดียว

  • เพิ่มฟิลด์ร้านค้า: เพิ่มฟิลด์เฉพาะบางส่วนในแต่ละสถานที่เช่นชื่อร้านค้าและเวลาเปิดทำการของร้านค้า

 

สีและเครื่องหมาย

คุณสามารถปรับภาพสีและเครื่องหมายเริ่มต้นได้ที่นี่

 

สถานที่ตั้งค่าสี

 

2. ตัวสร้างรหัสย่อ

ในการสร้างรหัสย่อของแผนที่นำทางไปยัง ตัวค้นหาตำแหน่งเมนู> ตัวสร้างรหัสย่อ คุณสามารถตั้งค่าตัวเลือกบางอย่างด้านล่าง:

  • ประเภทของมุมมอง: การค้นหาตำแหน่งและมุมมองแผนที่
  • โหลดที่อยู่เริ่มต้น: ใช้สลับเพื่อเปิดใช้งานและป้อนที่อยู่
  • หมวดหมู่สถานที่
  • แท็กตำแหน่ง

 

การค้นหารหัสย่อของผู้สร้างตำแหน่ง

 

คุณจะเห็นรหัสย่อที่สร้างขึ้นที่มุมล่างซ้ายและคุณสามารถแทรกได้ทุกที่บนหน้าของคุณ!

 

3. หมวดหมู่สถานที่

ในการจัดการหมวดหมู่สถานที่โปรดนำทางไปยัง เมนูค้นหาตำแหน่ง> หมวดหมู่สถานที่  จากส่วนนี้คุณสามารถจัดการหมวดหมู่ตำแหน่งของคุณได้อย่างง่ายดาย - เพิ่มแก้ไขหรือลบออกตามต้องการ!

 

หมวดหมู่

 

4. แท็กตำแหน่ง

ในการจัดการแท็กตำแหน่งโปรดนำทางไปยัง เมนูค้นหาตำแหน่ง> แท็กตำแหน่ง จากส่วนนี้คุณสามารถจัดการแท็กตำแหน่งของคุณได้อย่างง่ายดาย - เพิ่มแก้ไขหรือลบออกตามต้องการ!

 

แท็กเสริม

 

WP Location Finder: การติดตั้ง

1. ติดตั้ง

ในการติดตั้งปลั๊กอินของเรา คุณควรใช้โปรแกรมติดตั้ง WordPress มาตรฐานหรือแตกไฟล์ zip และใส่โฟลเดอร์ทั้งหมดไว้ใน /wp-content/plugin

 

อัปโหลดปลั๊กอิน

 

จากนั้นคลิกที่ เปิดใช้งานปลั๊กอิน เพื่อดูเมนูค้นหาตำแหน่ง WP จะปรากฏขึ้นบนเมนู WordPress ซ้าย

WP Location Finder สามารถเข้าถึงได้จากเมนูด้านซ้ายเฉพาะ 

จากนี้ไปโปรดตรวจสอบให้แน่ใจว่าได้เข้าสู่บัญชี joomunited ของคุณก่อนที่จะใช้ปลั๊กอิน

 

Joomunited-Login-License

 

2. อัปเดตปลั๊กอิน

 

ในการอัปเดตตัวค้นหาตำแหน่ง WP คุณสามารถใช้ตัวอัปเดตเริ่มต้นของ WordPress นอกจากนี้คุณยังสามารถลบและติดตั้งเวอร์ชันใหม่ได้จากไฟล์. zip ที่ดาวน์โหลดบน www.joomunited.com ไม่ว่าในกรณีใดคุณจะไม่สูญเสียเนื้อหาใด ๆ เพราะทุกอย่างถูกเก็บไว้ในฐานข้อมูล

 

WP-Location-Finder-Install

 

ตรวจสอบให้แน่ใจว่าคุณมีเวอร์ชันล่าสุดอยู่เสมอเพื่อหลีกเลี่ยงปัญหาด้านความปลอดภัยและความเสถียร

ในการอัปเดตเวอร์ชันที่ชำระเงินคุณจะต้องเข้าสู่บัญชี joomunited ของคุณ หากคุณยังไม่ได้ลงชื่อเข้าใช้เพียงคลิกที่ 'เชื่อมต่อบัญชี joomunited ของคุณเพื่ออัปเดต' หรือ 'joomunited login text text

 

WP-Location-Finder-Update

 

ป้อนการเข้าสู่ระบบบัญชีและรหัสผ่านของคุณ หลังจากการเข้าสู่ระบบที่ประสบความสำเร็จ 'อัปเดตตอนนี้' จะปรากฏขึ้นโดยที่คุณสามารถคลิกเพื่ออัปเดตเวอร์ชันใหม่

 

WP-Location-Finder-Update

 

ในที่สุด คุณสามารถอัปเดตปลั๊กอินเชิงพาณิชย์ของ JoomUnited ทั้งหมดจากมาตรฐาน WordPress ที่อัปเดตได้

 

wp-location-updated

 

WP Location Finder: การตั้งค่าการค้นหาและสถานที่

สร้างตำแหน่ง

หากต้องการสร้างตำแหน่งใหม่นำทางไปยังตัวค้นหาตำแหน่ง> สถานที่ทั้งหมด คลิกที่ ปุ่ม เพิ่มตำแหน่งใหม่"

 

ที่ตั้งใหม่

 

หลังจากนั้นหน้าเพิ่มตำแหน่งใหม่จะปรากฏขึ้นพร้อมกับ 2 แผงหลักซ้ายคือฟิลด์รายละเอียดและด้านขวาคือแผนที่ ด้านล่างนี้เป็นฟิลด์ที่คุณสามารถป้อนหรือเลือกค่า

 

  • ชื่อตำแหน่ง: ชื่อที่อยู่อินพุต
  • URL: จะถูกสร้างขึ้นหลังจากเผยแพร่
  • คำอธิบายตำแหน่ง: 
  • การค้นหาสถานที่: กรุณาพิมพ์ที่อยู่ในช่องค้นหาเพื่อรับค่าละติจูดและลองจิจูด

 

Add-New-Location-field

 

หรือใช้ส่วนที่อยู่อินพุตด้วยตนเองด้านล่างแผนที่ - คลิกลูกศรเพื่อขยายเขตข้อมูลทั้งหมด

 

ที่อยู่-อินพุต

 

SROLL ลงเพื่อรับตัวเลือกที่มีรายละเอียดเพิ่มเติมสำหรับตำแหน่ง

  • ภาพคุณสมบัติ: เลือกภาพแสดงภาพสำหรับตำแหน่ง
  • แกลเลอรี่ภาพ: อัปโหลดรูปภาพสำหรับตำแหน่ง
  • ภาพเครื่องหมาย: เลือกในชุดไอคอนหรืออัปโหลดไอคอนของคุณเอง

 

อิมเมจ-อิมเมจ

 

  • สถานที่ติดต่อ URL
  • สถานที่แทนที่ URL
  • แท็ก: แท็กตำแหน่งอินพุต
  • ตำแหน่ง SEO ตำแหน่ง
  • คำอธิบาย Meta ที่ตั้ง SEO

 

สถานที่ตั้งรายละเอียด

 

จากนั้นคุณสามารถเลือกหมวดหมู่ A/Multi สำหรับตำแหน่ง

 

เลือกประเภทที่ตั้ง

 

ถัดไปในส่วนการเผยแพร่คุณสามารถตั้งค่าฟิลด์เหล่านี้:

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

 

สถานที่เผยแพร่ส่วน

 

ฟิลด์ร้านค้า

ในการใช้คุณสมบัตินี้สำหรับการแสดงเวลาเปิดทำการสำหรับลูกค้าคุณจะต้องเปิดใช้งานตัวเลือกในการตั้งค่าก่อน เมื่อเสร็จแล้วคุณจะสามารถดู ฟิลด์ร้านค้า เมื่อสร้างตำแหน่งใหม่

 

ฟิลด์ร้านค้าเดียว

 

สถานที่ตั้งตัวอย่าง

หากต้องการดูตัวอย่างตำแหน่งของคุณที่ส่วนหน้าเพียงไปที่ เผยแพร่ แล้วคลิก ปุ่ม ดูตัวอย่าง"

 

สถานที่ตั้งตัวอย่าง