parkviewmanor.net
HTML & CSS + การใช้งาน Google Map บนเว็บไซต์ - YouTube
จากนั้นคลิกที่ แก้ไข Maps API Keys 14. Application restrictions เลือกเป็น HTTP referrers (web sites), และในส่วนของ Website restrictions ให้ไปคัดลอก url ที่ระบบหลังบ้านทั้ง 3 โดเมนเนมมากรอก ตามภาพที่ 2 และโดเมนเนมของหน้าที่แสดงแผนที่ในเว็บไซต์จริง > บันทึก ภาพที่ 1 ภาพที่ 2 15. หลังจากที่บันทึกแล้ว ให้มาคลิกที่ configure consent screen > เลือก external > create 16. หน้า OAuth consent screen > กรอกข้อมูลของ app name, user support email และ email addresses ในส่วนของ user support Email และ Email addresses สามารถกรอกเป็นอีเมลตัวเดียวกันได้ค่ะ 17. หน้า scopes > คลิก save and continue 18. หน้า test users > save and continue 19. หน้า summary > back to dashboard 20. หลังจากนั้นให้คลิกที่คำว่า APIs เพื่อกดเปิดใช้งาน 4 หัวข้อ ดังนี้ 1. Geocoding API 2. Geolocation API 3. Maps JavaScript API 4. Places API ยกตัวอย่างเช่น การเปิดใช้งาน Maps JavaScript API ให้เราคลิกเข้าไป จะเจอหน้าการแสดงผลแบบในภาพ ให้คลิกที่คำว่า ENABLE ถือว่าเสร็จสิ้นการเปิดค่ะ หลังจากนั้นให้เรากดเครื่องหมายย้อนกลับ ← และคลิกที่คำว่า APIs ที่อยู่ในแถบด้านซ้าย เพื่อกลับมาเปิดให้ครบทั้ง 4 หัวข้อตามภาพนะคะ 15.
นำค่า DNS CNAME record ไปเพิ่มใน DNS Server ของเรา ในที่นี้ใช้ระบบ pfSense Server การตั้งค่าต่างๆของ Server เป็นไปตามข้อกำหนดของแต่ละระบบ อาจไม่เหมือนกัน ควรศึกษาการตั้งค่าระบบของท่านด้วย หรือท่านอาจจะเลือกการ Verify ด้วยวิธีการอื่นๆ ให้คลิกที่ Verify using a different method คลิกเลือก Other นำ TXT record ไปเพิ่มใน DNS Server ของท่าน 9. เพิ่ม CNAME Record เพื่อให้สามารถใช้บริการของ Google ได้ เช่น Record Name: Record Data: *** ควรศึกษาการให้บริการตั้งค่า DNS ของแต่ละผู้ให้บริการเนื่องจากการตั้งค่าต่างๆอาจมีความแตกต่างกันครับ 10. เสร็จแล้วก็รอ รอ รอ แล้วก็รอครับ อาจใช้เวลาประมาณ 24 ชั่วโมง ถ้าไม่ได้ค่อยว่ากันใหม่ครับ การตั้งค่าต่างๆของ DNS ผมเขียนจากประสบการณ์ ศึกษาจากคู่มือ จากเว็บที่กรุณาเอื้อเฟื้อข้อมูลครับ บทความส่วนนี้ถือเป็นการแชร์ประสบการณ์จากการทดลองด้วยตนเอง ถูกบ้าง ผิดบ้างก็ต้องขออภัยครับ ซึ่งอาจมีคำถามเกิดขึ้นที่ผมเองก็ตอบได้และตอบไม่ได้ครับ หวังว่าคงเป็นประโยชน์กับท่านไม่มากก็น้อยครับ ครูเก่งออนไลน์ (ครูเอกรินทร์ ศรีผ่อง)
ไปที่ 2. คลิกที่ปุ่ม GET STARTED 3. คลิกเลือกการใช้งาน Maps และกด CONTINUE 4. หากยังไม่ได้ Login ให้ ทำการ Login เข้าใช้งานด้วยบัญชี Gmail จากนั้น คลิกถัดไป (Next) (หากlogin ใช้งานไว้แล้ว ระบบจะพาไปที่ข้อ 5. ) 5. หากบัญชี Google ของคุณไม่เคยถูกใช้เพื่อรับรหัส Google Map API มาก่อนระบบจะให้ทดลองใช้ฟรี 30 วันตามที่แสดงในภาพด้านล่างเลือกประเทศของท่าน เช่น ประเทศไทย และตรวจสอบข้อกำหนดในการให้บริการแล้ว > คลิก AGREE AND CONTINUE 6. กรอกข้อมูลเกี่ยวกับบัญชีผู้ใช้งาน > continue 7. กรอกเบอร์ติดต่อ ( เพื่อรับโค้ดมายืนยันการสมัครเข้าใช้งาน ระบบจะส่งโค้ดไปยังเบอร์ติดต่อที่กรอก) > send code 8. หลังจากได้รับโค้ดเรียบร้อยแล้ว กรอกโค้ด > คลิก verify 9. กรอกข้อมูลการชำระเงิน > start my free trail ( ระบบบังคับกรอก หากไม่ได้กรอกข้อมูลส่วนนี้ถือว่าการติดตั้ง Google map ไม่สมบูรณ์ อาจทำให้เกิด error ได้ค่ะ) 10. ตอบคำถามเพื่อให้ที่ทางระบบ google ได้ทำการสอบถามเข้ามา > submit 11. คัดลอก Your API key > build a demo 12. จะมี pop up แสดงขึ้นมาให้เลือกเกี่ยวกับ Application restrictions ให้เลือก HTTP referrers (web sites) หากเลือกไม่ทันสามารถเข้าไปกรอกได้ โดยคลิกที่ credential 13.
การใช้งาน Google My Maps - YouTube
ทำเครื่องหมายถูกหน้า "Maps" จากนั้นคลิกที่ปุ่ม "ถัดไป" 9. คลิกที่ปุ่ม "เปิดใช้" เพื่อเปิดใช้ Google Maps 10. คัดลอก API Keys และคลิกที่ปุ่ม "เสร็จสิ้น" 11. เปิดระบบจัดการเว็บไซต์ จากนั้นไปที่เมนู "Setting CMS" และคลิกที่เมนู "Google Map" 12. นำ API Keys ที่ได้จากข้อ 10 มาใส่ จากนั้นคลิกที่ปุ่ม "Save"
27 8สีหมุดและสัญลักษณ์ต่างๆบนหมุดปัก Google Maps ที่กูเกิลไม่เคยบอกคุณมาก่อน EP26 รอบรู้กับกูเกิลแมพ Google Maps เริ่มโชว์จำนวนปีที่เปิดบริการบนผลการค้นหากูเกิลแล้ว google my business google my maps googlemaps local guides นายนิว นักการตลาดดิจิตอล สนใจด้าน Online Marketing และเรียนรู้การใช้งาน Map Marketing จากแพลตฟอร์มต่างๆ มากว่า 10ปี เป็นเจ้าของเพจ กูเกิลแมพ ใช้เป็น ประโยชน์เยอะ และเว็บ นี้ ปัจจุบันทำงานเป็น Digital MKT Consultant ให้กับร้านอาหารและบริษัท โรงแรม ต่างๆหลายแห่ง รวมถึงเปิดสอนคลาส Google My Business ให้กับองค์กรต่างๆเพื่อใช้ Google Mapsในเชิงธุรกิจ
5 เท่าของระยะทางจากโลกไปยังดวงอาทิตย์! Google Maps แสดงเส้นทางขนส่งสาธารณะมากกว่า 600 ล้านไมล์ต่อวัน Google Maps Blogger สาย Multi Function ตามติดเทคโนโลยีมือถือ, แท็บเล็ต, แอพ, เกมคอนโซล, โลกโซเชียล และจักรยาน
นำโค้ด API Key ที่ได้คัดลอกไว้มาวางที่ระบบหลังบ้าน โดยไปที่ จัดการเว็บ > ตั้งค่าเว็บไซต์ > Google API > เลื่อนลงไปที่ช่องกรอก Google map API Key > วางโค้ด > คลิก เปิดใช้งาน > เพิ่มสาขา (สามารถกรอกเพียงแค่ชื่อสถานที่ เช่น central world เป็นต้น) > บันทึก ค่ะ