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

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. แท็กตำแหน่ง

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

 

แท็กเสริม