เชื่อมต่อ Google Maps กับแอป MonstarX

แผนที่ การค้นหาสถานที่ และเส้นทางจาก Google

ประเภท

สำหรับแอปของคุณ

หมวดหมู่

แผนที่และสถานที่

วิธีเชื่อมต่อ

คีย์ API

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

ถ้าแค่ต้องการแผนที่ ไม่จำเป็นต้องใช้ Google Maps ทุกแอปใน MonstarX แสดงแผนที่ถนนที่เลื่อนและซูมได้ พร้อมหมุด ได้ฟรีอยู่แล้ว ดู แผนที่ในแอป Google Maps มีไว้สำหรับสิ่งที่แผนที่เหล่านั้นไม่รู้เอง

สร้างอะไรได้บ้าง

• เติมที่อยู่อัตโนมัติ คนเริ่มพิมพ์ที่อยู่แล้วเลือกจากคำแนะนำของ Google
• ค้นหาสถานที่ เช่น “คาเฟ่ใกล้ฉัน” หรือ “นักกายภาพบำบัดย่านอารีย์” แสดงเป็นรายการและบนแผนที่
• ข้อมูลธุรกิจ เวลาเปิดปิด เบอร์โทรศัพท์ คะแนน และรีวิวของสถานที่
• ที่อยู่บนแผนที่ เปลี่ยนที่อยู่ที่พิมพ์ให้เป็นหมุด (เรียกว่าการแปลงที่อยู่เป็นพิกัด หรือ geocoding)
• เส้นทางขับรถ ระหว่างสองสถานที่

ก่อนเริ่มต้น

• บัญชี Google Cloud ที่ผูก บัญชีสำหรับเรียกเก็บเงิน (billing account) ไว้ Google Maps Platform บังคับให้มี แม้จะใช้ไม่เกินโควตาฟรีรายเดือนก็ตาม (ดูราคาของ Google)
• โปรเจกต์ Google Cloud สำหรับแอปของคุณ

รับคีย์

1. ใน Google Cloud console เลือกหรือสร้างโปรเจกต์ แล้วเปิด Google Maps Platform

2. เปิดใช้ API ที่แอปจะใช้ สำหรับไอเดียด้านบน ได้แก่ Maps JavaScript API และ Places API (New) สำหรับการค้นหาและการเติมที่อยู่อัตโนมัติ Geocoding API สำหรับที่อยู่ และ Routes API สำหรับเส้นทาง

3. เปิด Keys & Credentials แล้วสร้างคีย์ API คัดลอกคีย์ไว้ (ขึ้นต้นด้วย AIza)

4. จำกัดการใช้คีย์ ที่ API restrictions ให้อนุญาตเฉพาะ API ที่คุณเปิดใช้

คำเตือน

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

เชื่อมต่อใน MonstarX

1. เปิดโปรเจกต์ แล้วคลิก แบ็กเอนด์ ในแถบด้านบน จากนั้นคลิก คลาวด์

2. ในส่วน ตัวเชื่อมต่อ คลิก เชื่อมต่อ ข้าง Google Maps

3. วางคีย์ในช่อง คีย์ API

   

4. คลิก เชื่อมต่อ Google Maps แถวจะแสดง เชื่อมต่อแล้ว และพรีวิวจะรีสตาร์ทพร้อมคีย์

ขอให้ MonstarX ใช้งาน

คุณพิมพ์	สิ่งที่เกิดขึ้น
“ในแบบฟอร์มจอง ให้เติมที่อยู่อัตโนมัติด้วย Google Maps”	คำแนะนำจะแสดงขึ้นขณะพิมพ์ และแอปบันทึกที่อยู่ที่เลือกไว้
“เพิ่มหน้าค้นหาสตูดิโอใกล้คุณ ด้วยการค้นหาของ Google Places”	ช่องค้นหาและผลลัพธ์พร้อมชื่อ ที่อยู่ และคะแนน ปักหมุดบนแผนที่
“แสดงเวลาเปิดปิดและคะแนนของแต่ละคาเฟ่จาก Google”	ข้อมูลธุรกิจของแต่ละสถานที่ที่ดึงมาจาก Google
“บอกเส้นทางให้คนขับ จากคลังสินค้าไปยังที่อยู่จัดส่งแต่ละแห่ง”	เส้นทางพร้อมระยะทางและเวลา

ความปลอดภัยและความเป็นส่วนตัว

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

ข้อควรรู้

• แผนที่ของคุณยังหน้าตาเหมือนเดิม Google Maps เพิ่มข้อมูลและการค้นหาให้แอป ไม่ได้เปลี่ยนเป็นแผ่นแผนที่ (map tiles) ของ Google
• Google คิดเงินต่อคำขอเมื่อใช้เกินโควตาฟรีรายเดือน ตั้งการแจ้งเตือนงบประมาณไว้ในหน้าการเรียกเก็บเงินของ Google Cloud
• ต้องการภาพดาวเทียมหรือสไตล์แผนที่ของ Mapbox แทนใช่ไหม ดู Mapbox
• ข้อกำหนดของ Google มีกฎสำหรับการแสดงข้อมูลสถานที่ เช่น ต้องให้เครดิต Google ไว้ข้างผลลัพธ์ ถ้าแอปแสดงรายการสถานที่ ขอให้ MonstarX เพิ่มเครดิตนี้

คำถามที่พบบ่อย

ต้องใช้ Google Maps ถึงจะแสดงแผนที่ได้ไหม

ไม่ต้อง ทุกแอปใน MonstarX แสดงแผนที่ได้ฟรีโดยไม่ต้องใช้คีย์ เชื่อมต่อ Google Maps เฉพาะเมื่อต้องการสถานที่ การเติมที่อยู่อัตโนมัติ ข้อมูลธุรกิจ หรือเส้นทาง

ทำไม Google บอกว่ายังไม่ได้เปิดใช้ API

บริการแต่ละตัวของ Google Maps ต้องเปิดใช้ในโปรเจกต์ Google Cloud ของคุณ เปิดใช้ตัวที่ระบุในข้อผิดพลาด เช่น Places API (New)

คีย์อยู่ในเบราว์เซอร์แบบนี้ปลอดภัยไหม

ปลอดภัย ถ้าจำกัดไว้เฉพาะ API ที่แอปใช้ Google ออกแบบคีย์ประเภทนี้มาให้ใช้ในหน้าเว็บ

ใช้ Google Maps หรือ Mapbox ดี

Google Maps เหมาะกับสถานที่ ข้อมูลธุรกิจ และรีวิว Mapbox เหมาะกับสไตล์แผนที่ที่ปรับแต่งเองและภาพดาวเทียม ทั้งสองแปลงที่อยู่เป็นหมุดและบอกเส้นทางได้

หน้าที่เกี่ยวข้อง

แผนที่ในแอปแผนที่ฟรี ไม่ต้องใช้คีย์

Mapboxสไตล์แผนที่ ภาพดาวเทียม และการแปลงที่อยู่เป็นพิกัด

เชื่อมต่อบริการกับแอปตัวเชื่อมต่อของแอปทำงานอย่างไร

ข้อมูลลับและคีย์ APIที่เก็บคีย์ของคุณ