วิธีผสานรวม Google Maps เข้ากับ WordPress

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

ต่อไปนี้คือข้อดีบางประการในการเพิ่ม Google Maps ในเว็บไซต์ WordPress ของคุณ:

• อนุญาตให้ผู้อ่านขอเส้นทางไปยังตำแหน่งของคุณ
• แสดงตำแหน่งของคุณใน Street View
• แสดงภาพ
• แสดงสถานที่หลายแห่งเพื่อช่วยให้ผู้อ่านตัดสินใจได้ว่าต้องการเยี่ยมชมสถานที่ใด
• ให้สภาพการจราจรในปัจจุบัน
• แสดงการปิดถนน
• แสดงสภาพอากาศ
• แสดงว่าต้องใช้เวลานานแค่ไหนกว่าจะถึงที่นั่น
• แสดงแผนที่ในการเดินทางประเภทต่างๆ: มุมมองถนน การขี่จักรยาน มุมมองภูมิประเทศ หรือมุมมองไฮบริด
• ช่วยปรับปรุง SEO ในพื้นที่ของคุณ
• ผู้เข้าชมสามารถพิมพ์เส้นทางสำหรับการใช้งานได้
• ทำให้ผู้อ่านของคุณอยู่ในไซต์ของคุณ

Google แผนที่นั้นง่ายต่อการรวมเข้ากับ WordPress และง่ายต่อการใช้งานและนำทางสำหรับผู้ใช้ การผสานรวม Google Maps นั้นฟรีและง่ายดายโดยใช้ปลั๊กอิน แน่นอนคุณสามารถเพิ่มคุณสมบัติพิเศษมากมายได้ด้วยค่าธรรมเนียมเล็กน้อย คุณสามารถเพิ่มแผนที่ลงในไซต์ของคุณได้ด้วยตนเอง ต่อไปนี้เป็นวิธีเพิ่ม Google Maps ในเว็บไซต์ WordPress ของคุณ

การเพิ่ม Google Maps ไปยังไซต์ WordPress ของคุณด้วยตนเอง

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

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

การเพิ่ม Google Maps ไปยังไซต์ WordPress ของคุณโดยใช้ปลั๊กอิน

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

WP Google Maps

นี่คือปลั๊กอิน Google Maps ที่ได้รับความนิยมมากที่สุด โดยมีการติดตั้งที่ใช้งานมากกว่า 200,000 ครั้งและคะแนน 4.3/5 คุณสามารถวางแผนที่ในโพสต์ เพจ หรือวิดเจ็ตโดยใช้รหัสย่อโดยไม่ต้องสร้าง iFrames แผนที่มีการตอบสนอง มีเครื่องหมายไม่จำกัดพร้อมภาพเคลื่อนไหว รองรับ Street View แผนที่หลายประเภท (แผนงาน ภูมิประเทศ ดาวเทียม และไฮบริด) เส้นทาง รูปหลายเหลี่ยม รูปหลายเหลี่ยม และอื่นๆ อีกมากมาย

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

รุ่น Professional มีราคา 19.99 ดอลลาร์ และให้คุณสร้างแผนที่ได้หลายแผนที่ ให้ผู้เยี่ยมชมขอเส้นทางไปยังเครื่องหมายของคุณ เพิ่มคำอธิบายและหมวดหมู่ ไอคอนเครื่องหมายหลายอัน รูปหลายเหลี่ยมและหลายเส้นหลายเส้น แสดงตำแหน่งของผู้เข้าชม และอื่นๆ อีกมากมาย

ง่ายที่จะดูว่าทำไมคนนี้ถึงได้รับความนิยม มีคุณสมบัติส่วนใหญ่ที่ทุกคนต้องการและตั้งค่าได้ไม่ยาก แผนที่ดูดีและง่ายต่อการใช้งานสำหรับผู้อ่าน

MapPress Easy Google แผนที่

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

การตั้งค่าทำได้ง่าย คุณเลือกประเภทโพสต์ที่จะแสดงแผนที่ ตำแหน่งที่จะแสดงภายในโพสต์ และวิธีการทำงานของเส้นทาง คุณปรับการควบคุมแผนที่ การจัดตำแหน่ง POI การโลคัลไลซ์เซชั่น ขนาด ฯลฯ คุณยังสามารถติดตั้ง CSS ของคุณเองเพื่อจัดรูปแบบให้เข้ากับเว็บไซต์ของคุณ

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

อันนี้มีคุณสมบัติมากมาย แต่ก็ไม่ได้จมอยู่กับการตั้งค่า มันง่ายมาก ฉันชอบที่มีไอคอนที่ปรับแต่งเอง คุณสามารถวางรูปภาพเป็นเครื่องหมาย

เครื่องหมายแผนที่แผ่นพับ

อันนี้ทำงานเพื่อเป็นปลั๊กอินที่ครอบคลุมที่สุดสำหรับ Google Maps ช่วยให้คุณสามารถแสดงตำแหน่งและเส้นทางบนหน้าหรือโพสต์ใดก็ได้ คุณจะมีรหัส Geo-CMS ของคุณเอง มีไอคอนและเครื่องหมายมากกว่า 1,000 รายการ และคุณสามารถตั้งค่าคำอธิบายป๊อปอัปสำหรับเครื่องหมายและจัดระเบียบเป็นเลเยอร์ได้ แผนที่จะถูกวางด้วยรหัสย่อ สามารถส่งออกแผนที่ได้

คุณสามารถปรับระดับการซูม ขนาด ฯลฯ โดยใช้แผนที่จากแหล่งต่างๆ รวมทั้ง Google แผนที่ (ซึ่งแสดงถนน ภูมิประเทศ ดาวเทียม และไฮบริด), Bing (ซึ่งแสดงถนน ทางอากาศ และทางอากาศ + ป้ายชื่อ) Open Street Map Mapbox (ซึ่งแสดงถนนและดาวเทียม) และ WMTS-map แบบกำหนดเองที่คุณต้องการ

นอกจากนี้ยังมีรุ่นพรีเมียมที่เริ่มต้นที่ 29 ยูโรซึ่งใช้ HTML5 แสดงแทร็ก GPX ใช้ตำแหน่งทางภูมิศาสตร์ แผนที่ย่อ ใช้รหัส QR ผสานรวมกับ GeoJSON และอีกมากมาย

ในการใช้งาน คุณเพียงแค่สร้างเครื่องหมายโดยเลือก Add New Marker ตั้งชื่อและป้อนที่อยู่ บันทึก จากนั้นคัดลอกและวางรหัสย่อที่ให้ไว้ในโพสต์หรือหน้าใดก็ได้ หากคุณมีรุ่น Pro คุณสามารถปรับขนาดและเพิ่มเลเยอร์ได้หากต้องการ นอกจากนี้ยังเพิ่มปุ่มในโปรแกรมแก้ไขภาพเพื่อให้คุณสามารถเลือกแผนที่ได้จากที่นั่น นี่เป็นหนึ่งในปลั๊กอินที่มีคุณลักษณะหลากหลายที่สุดสำหรับ Google Maps ดูดีและใช้งานง่าย

วิดเจ็ต Google แผนที่

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

การตั้งค่าทั้งหมดเสร็จสิ้นภายในวิดเจ็ต คุณสามารถเลือกขนาดและประเภท (ถนน ภูมิประเทศ หรือไฮบริด) สำหรับแผนที่ คุณสามารถใช้พินเริ่มต้นหรือระบุ URL สำหรับพินที่กำหนดเองได้ คุณสามารถเลือกจากชุดสีที่กำหนดเองได้ฟรีหลายแบบ สร้างข้อความทั้งด้านบนและด้านล่างของแผนที่ คุณมีการตั้งค่าเดียวกันสำหรับไลท์บ็อกซ์ที่ตั้งค่าโดยไม่ขึ้นกับวิดเจ็ตปกติ

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

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

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

WP Google Map Plugin

เวอร์ชันฟรีของเวอร์ชันนี้ช่วยให้คุณสร้างสถานที่และแผนที่ได้ไม่จำกัด และแสดงตำแหน่งและแผนที่ในหน้า โพสต์ และวิดเจ็ตโดยใช้รหัสย่อ คุณสามารถเลือกจากเครื่องหมาย 500 หรือสร้างของคุณเอง โดยจะแสดงถนน ภูมิประเทศ ดาวเทียม และไฮบริด มันตอบสนอง มันจะแสดงสภาพการจราจรตามเวลาจริงโดยใช้ Traffic Layer จะแสดงเส้นทางจักรยานโดยใช้ Bicycle Layer

ในการสร้างสถานที่ที่คุณเพิ่งตั้งชื่อ ให้ระบุที่อยู่ (คุณยังสามารถใช้ geocode หรือลองจิจูดและละติจูด) เขียนข้อความและเลือกภาพเครื่องหมาย ในการสร้างแผนที่ที่คุณตั้งชื่อ กำหนดความสูง เลือกระดับการซูม พิมพ์ เลือกตำแหน่งที่คุณสร้างไว้แล้ว เลือกเลเยอร์ เลือกการตั้งค่าสองสามอย่าง เท่านี้ก็เสร็จเรียบร้อย ตอนนี้ เพียงไปที่รายการแผนที่ของคุณ (ภายใต้จัดการแผนที่) และคัดลอกรหัสย่อเพื่อวางลงในเนื้อหาของคุณ คุณสามารถแก้ไขแผนที่ใดก็ได้ที่คุณต้องการ

รุ่น Pro เริ่มต้นที่ $17 และเพิ่มคุณสมบัติใหม่มากมาย คุณสามารถกำหนดโอเวอร์เลย์ด้วยอินเทอร์เฟซในตัว ออกแบบสกินของคุณเอง ปิดถนน สถานที่ และน้ำ แสดงรูปหลายเหลี่ยมและโพลิไลน์ด้วยตัวเลือกที่ปรับแต่งได้ การรวม Contact Form 7 กรองตามสถานที่ และอื่นๆ อีกมากมาย

มีคุณสมบัติมากมายที่คุณสามารถจัดการได้ในแดชบอร์ด คุณสามารถเพิกเฉยได้หากต้องการ คุณสามารถสร้างและจัดการสถานที่ แผนที่ และกลุ่มเครื่องหมายได้ คุณยังสามารถตั้งค่าระดับการซูม แพน มาตราส่วน และปิดภาพรวมและ Street View สำหรับแต่ละแผนที่แยกกันได้ ไม่ชัดเจนว่าจะหารหัสย่อได้ที่ไหน ฉันพบว่าอยู่ในแท็บจัดการแผนที่

CP Google Maps

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

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

Premium Edition มีให้เลือก 2 รุ่น อย่างแรกคือรุ่น Professional ในราคา $19.99 ที่ให้คุณโหลดจุดทั้งหมดในหมวดหมู่ โพสต์ หรือแท็ก วาดรูปร่างและเส้นทาง สร้างคำอธิบาย แสดงลิงก์ แสดงหลายแผนที่ อนุญาตให้จัดสไตล์ แสดงตำแหน่งของผู้ใช้ สร้าง จุดไดนามิกตามข้อมูลภาพและข้อมูลตำแหน่งทางภูมิศาสตร์ และอื่นๆ อีกมากมาย

นอกจากนี้ยังมีเวอร์ชันสำหรับนักพัฒนาซอฟต์แวร์ในราคา $49.99 ที่ให้คุณออกแบบแบบฟอร์มการติดต่อที่เกี่ยวข้องกับคะแนน เชื่อมโยงที่อยู่อีเมลไปยังจุด ส่งอีเมลตามการเชื่อมโยงเหล่านั้น ใช้รูปภาพที่เกี่ยวข้องกับจุด อนุญาตให้นำเข้าและส่งออก CSV และ มากกว่า.

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

รายการแผนที่ Pro

ปลั๊กอินพรีเมียมนี้ช่วยให้คุณแสดงตำแหน่งของคุณในรายการที่มีเพจ จัดเรียง ค้นหาได้ และกรองได้ ผู้ใช้สามารถค้นหาด้วยข้อความและตำแหน่ง เหมาะอย่างยิ่งสำหรับการสร้างเครื่องระบุตำแหน่งร้าน ที่อยู่ และรายชื่อผู้ติดต่อ มี 35 สไตล์ที่ปรับแต่งได้ คุณสามารถสร้างตำแหน่งที่จัดหมวดหมู่ เครื่องหมายและไอคอนที่กำหนดเอง เพิ่มรูปภาพเด่น เพิ่มแบบฟอร์มการค้นหาในหน้าอื่น เปลี่ยนตำแหน่งแผนที่ แสดงเฉพาะแผนที่หรือแสดงรายการเท่านั้น แสดงเครื่องหมายคลัสเตอร์ และอื่นๆ อีกมากมาย คุณสมบัติและการตั้งค่าทั้งหมดสามารถเปิดหรือปิดได้

ราคาเริ่มต้นที่ 19 เหรียญ

ความคิดสุดท้าย

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

แล้วคุณล่ะ? คุณได้รวม Google Maps เข้ากับเว็บไซต์ WordPress ของคุณหรือไม่? คุณใช้ปลั๊กอินเหล่านี้ ปลั๊กอินอื่น หรือคุณใช้วิธีการอื่นหรือไม่ บอกเราเกี่ยวกับเรื่องนี้ในความคิดเห็นด้านล่าง