บ่อยครั้งเมื่อสร้างไซต์จำเป็นต้องแทรกแผนที่เพื่อระบุตำแหน่งขององค์กรของคุณ อันที่จริง แผนที่บนเว็บไซต์นั้นสะดวกมาก ก่อนอื่นสำหรับผู้ใช้ของคุณ พวกเขาจะสามารถค้นหาได้ทันทีโดยไม่ต้องออกจากทรัพยากรของคุณ ดูว่าพวกเขาสามารถหาคุณเจอได้อย่างไร สิ่งที่อยู่ใกล้ๆ และกำหนดว่าองค์กรของคุณตั้งอยู่ไกลจากที่ตั้งของพวกเขาแค่ไหน ไม่ใช่ทุกคนที่รู้วิธีแทรกแผนที่ลงในเว็บไซต์ และการทำเช่นนี้ง่ายมาก!
ในบทความนี้ ฉันจะอธิบายและแสดงให้คุณเห็นว่า คุณสามารถแทรกแผนที่ที่มีตำแหน่งที่ต้องการในหน้าเว็บไซต์ของคุณได้อย่างไร
วิธีแทรกแผนที่ลงในเว็บไซต์
ดังนั้นหากต้องการแทรกแผนที่ลงในเว็บไซต์ เราจะใช้บริการจาก Google
1. สิ่งแรกที่เราต้องทำคือไปที่เว็บไซต์ Google Maps
2. ตอนนี้ เพื่อดำเนินการทั้งหมดที่เราต้องการ เป็นการดีที่สุดที่เราจะไปที่ "อินเทอร์เฟซแบบคลาสสิก"
โดยคลิกที่ไอคอนเครื่องหมายคำถามที่มุมล่างขวาของหน้าจอ
แผงเมนูแบบเลื่อนออกขนาดเล็กจะเปิดขึ้นต่อหน้าคุณ ซึ่งคุณต้องเลือก "อินเทอร์เฟซแบบคลาสสิก"
หลังจากนั้น หน้าต่างป๊อปอัปอื่นจะปรากฏขึ้น ซึ่งระบบจะถามคุณว่าเหตุใดคุณจึงต้องการใช้อินเทอร์เฟซแบบคลาสสิก คุณสามารถทำเครื่องหมายที่รายการใดรายการหนึ่งหรือไม่สามารถทำเครื่องหมายได้ แต่คลิกลิงก์สีน้ำเงิน "อินเทอร์เฟซแบบคลาสสิก" ด้านล่างทันที
หลังจากนั้น คุณจะถูกนำไปที่อินเทอร์เฟซ Google Maps แบบคลาสสิก ซึ่งมีทุกอย่างที่เราต้องการเพื่อวางแผนที่บนหน้าเว็บไซต์
3. ตอนนี้ป้อนที่อยู่ที่ต้องการในช่องที่อยู่ อย่าลืมว่าคุณต้องระบุประเทศ เมือง ถนน และบ้าน นั่นคือที่อยู่แบบเต็ม
ด้วยเหตุนี้ คุณจะได้รับตำแหน่งของคุณบนแผนที่ โดยมีเครื่องหมายสีแดงกำกับไว้
4. ตอนนี้ เราต้องรับโค้ดสำหรับฝังลงในหน้าเว็บของเรา รวมทั้งตั้งค่าบางอย่าง
ในการรับโค้ดสำหรับฝัง เราต้องคลิกที่ไอคอนเพื่อรับลิงก์หรือโค้ด (ซึ่งอยู่ทางด้านขวาของไอคอนพร้อมกับเครื่องพิมพ์)
5. ที่นี่เรามีความสนใจในโค้ด HTML ที่จะเพิ่มไปยังเว็บไซต์ (ฟิลด์ที่สอง)
นอกจากนี้ ในโค้ดนี้ คุณสามารถดูพารามิเตอร์บางอย่างที่สามารถเปลี่ยนแปลงได้ นี่คือขนาดของแผนที่นั่นคือความสูงและความกว้าง คุณยังสามารถกำหนดกรอบสำหรับแผนที่ โดยค่าเริ่มต้น ค่าเส้นขอบจะเป็นศูนย์ แต่คุณสามารถเปลี่ยนค่านี้ได้โดยใส่ค่า ตัวอย่างเช่น หนึ่ง
หากคุณต้องการ ให้เปลี่ยนพารามิเตอร์เหล่านี้ แม้ว่าคุณสามารถทำได้จากโค้ดของหน้าเว็บ ถ้าไม่จำเป็นก็แค่คัดลอกรหัสทั้งหมด
6. ตอนนี้สิ่งที่เหลืออยู่ก็คือการวางโค้ดที่คัดลอกไว้ลงในตำแหน่งหน้าเว็บของคุณในตำแหน่งที่คุณต้องการดูแผนที่
คุณสามารถสร้างบล็อก “div” แยกต่างหากสำหรับแผนที่ของคุณโดยเฉพาะ ซึ่งคุณสามารถกำหนดสไตล์ผ่านไฟล์สไตล์ชีตได้ในภายหลัง
ฉันจะใส่การ์ดของฉันตรงนี้ ดูว่ามันจะเป็นอย่างไร
ด้วยเหตุนี้ ผู้ใช้จะเห็นตำแหน่งของคุณที่มีเครื่องหมาย เขาจะสามารถย้ายแผนที่ ซูมเข้าและออกได้
นอกจากนี้ หน้าต่างที่มีที่อยู่ของคุณจะปรากฏเหนือเครื่องหมาย และด้านล่างจะเป็นลิงค์สำหรับดูแผนที่ในขนาดที่ใหญ่ขึ้น
เพียงเท่านี้ ทุกอย่างก็เรียบง่าย ใช้งานได้จริง และสะดวกสบาย
ใช้เพื่อสุขภาพของคุณ!
ฉันจะดีใจถ้าบทเรียนนี้เป็นประโยชน์กับคุณ เพื่อเป็นการขอบคุณ โปรดแสดงความคิดเห็นและแชร์บทความโดยใช้ปุ่มโซเชียลมีเดียที่อยู่ด้านล่าง
สมัครรับข้อมูลอัปเดตบล็อกด้วยหากคุณยังไม่ได้สมัคร ฉันสัญญาว่าคุณมีวัสดุที่มีประโยชน์มากมาย
Anna Kotelnikova อยู่กับคุณ
ฉันขอให้คุณประสบความสำเร็จ แล้วพบกันใหม่
ทุกวันนี้ ธุรกิจออฟไลน์ไม่สนใจป้ายใดๆ แต่อยู่ในกลุ่มที่มีข้อมูลเกี่ยวกับสถาบันทางด้านขวาของผลการค้นหาของ Google และ Yandex มาพูดถึงวิธีการเพิ่มข้อมูลบริษัทลงในการ์ดกันดีกว่า
วิธีเพิ่มธุรกิจใน Google Maps
คุณต้องสร้างเพจในบริการ Google My Business.
มันทำอะไร? ประการแรก ความเป็นไปได้:
- แจ้งให้ผู้ใช้ทราบราคา เวลาเปิดทำการ กิจกรรม และข่าวสารขององค์กร
- ตรวจสอบความเห็นและตอบกลับอย่างรวดเร็ว
- วิเคราะห์มุมมองของข้อมูลทางธุรกิจ (จำนวนการดูข้อมูลบริษัท การดูภาพถ่าย วิดีโอ)
- แนบแผนที่พร้อมเส้นทางไปยังองค์กร
- สร้างชื่อเสียงผ่านการให้คะแนนของผู้ใช้
บล็อก Google My Business ในผลการค้นหา
อัลกอริทึมสำหรับการเพิ่มบริษัท
หากคุณไม่ได้รับจดหมายภายใน 3-4 สัปดาห์ โปรดเขียนถึงฝ่ายสนับสนุนด้านเทคนิค: "จดหมายไม่มา ฉันควรทำอย่างไร" Google จะแจ้งให้คุณเข้าสู่กระบวนการยืนยันด้วยตนเอง
ในการดำเนินการนี้ คุณจะต้องส่งรูปถ่ายหลายรูป:
9. หลังจากนั้น คุณจะถูกนำไปที่บัญชีส่วนตัวของบริษัทของคุณ:
ในหน้า "ข้อมูล" คุณต้องให้ข้อมูลที่สมบูรณ์ที่สุดเกี่ยวกับบริษัทของคุณ:
- เพิ่มหมวดหมู่เพิ่มเติมที่สอดคล้องกับกิจกรรมของคุณ
- เพิ่มคำอธิบายบริษัทของคุณ
- ระบุเวลาทำการ
- วิธีชำระค่าสินค้าและบริการ
- เพิ่มรูปภาพและวิดีโอ
- ตลอดจนข้อมูลเพิ่มเติม
ในคำอธิบายของบริษัท พยายามเขียนให้ถูกต้องที่สุดว่าธุรกิจของคุณคืออะไร: ผลิตภัณฑ์หรือบริการใดที่คุณนำเสนอ
ยิ่งมีการนำเสนอข้อมูลที่สมบูรณ์และมีคุณภาพสูงเกี่ยวกับบริษัทของคุณมากเท่าใด ผู้ใช้ Google ก็จะยิ่งมีโอกาสเห็นมากขึ้นเท่านั้น
หากคุณกำลังสร้างเว็บไซต์สำหรับบริษัทหรือบริการใดๆ ที่ให้บริการ คุณไม่สามารถหลีกเลี่ยงการเพิ่มแผนที่พร้อมที่ตั้งของบริษัทหรือบริการนี้ลงในเว็บไซต์ได้
มีผู้ให้บริการอย่างน้อย 3 รายที่ให้โอกาสนี้: Yandex, Google และ 2GIS
ที่นี่เราจะพิจารณาเพิ่มการ์ด Yandex และนี่อาจเป็นวิธีที่ง่ายที่สุด เร็วที่สุด และฟรีทั้งหมด ควรสังเกตว่าบริการนี้ทำงานผ่าน API และต้องเปิดใช้งานจาวาสคริปต์บนผู้ใช้ไซต์
นอกจากนี้ คำแนะนำนี้ไม่เหมาะสำหรับ WordPress เท่านั้น แต่สำหรับไซต์ใด ๆ (แม้แต่สำหรับ html "เปล่า") เนื่องจากโค้ดสำหรับฝังนั้นเป็นสากล
เพิ่มแผนที่ Yandex ลงในไซต์
1. ก่อนอื่น คุณต้องสร้างแผนที่ ในการดำเนินการนี้ ให้ไปที่ลิงก์ไปยังหน้าตัวสร้าง - https://tech.yandex.ru/maps/tools/constructor/ ในการทำงานในตัวสร้าง คุณต้องมีบัญชี Yandex Yandex มีบัญชีเดียวสำหรับบริการทั้งหมด: อีเมล เว็บมาสเตอร์ เงิน ฯลฯ หากคุณยังไม่มี คุณต้องลงทะเบียน
2. เราระบุในแถบค้นหา (เน้นด้วยสีแดงในรูป) ที่อยู่ที่คุณต้องการ (ภูมิภาค เมือง ถนน บ้าน) เราได้รับแผนที่พร้อมเครื่องหมายและพิกัดของที่อยู่ที่คุณต้องการ
3. หากจำเป็น คุณสามารถทำการตั้งค่าเพิ่มเติม: เปลี่ยนสีและตำแหน่งของเครื่องหมาย มาตราส่วน ประเภทการแสดงผล (ไดอะแกรม ดาวเทียม ไฮบริด) เป็นต้น
4. จากนั้นเราระบุชื่อและกดปุ่ม “บันทึกและรับรหัส” ที่ด้านล่างของหน้าจอ
5. หลังจากนั้น รหัสจะปรากฏขึ้นที่คุณต้องแทรกลงในไซต์ของคุณในตำแหน่งที่ควรแสดงแผนที่
หากคุณเพิ่มโค้ดไปยังหน้าในแผงการดูแลระบบ WordPress ให้เปลี่ยนโหมดแก้ไขหน้าเป็น "ข้อความ" ก่อน
หลังจากเพิ่มโค้ดแล้ว แผนที่ที่คุณสร้างจะเริ่มแสดงบนไซต์โดยอัตโนมัติ
ขนาดการแสดงผลถูกกำหนดโดยพารามิเตอร์ความกว้างและความสูง หากจำเป็น คุณสามารถเปลี่ยนค่าเหล่านี้ในโค้ดผลลัพธ์ได้ หากต้องการขยายแผนที่ Yandex ให้เต็มความกว้างของหน้าจอ ให้ระบุค่า width = -1
ในบทความนี้เราจะพิจารณา การติดตั้งแผนที่ Yandexโดยไม่ต้องใช้ปลั๊กอิน ดังนั้นจึงเหมาะสำหรับทั้งไซต์ปกติและไซต์ที่สร้างบนเอ็นจิ้น WordPress อ่านวิธีเพิ่ม Google Maps
แผนที่ยานเดกซ์ (แผนที่ยานเดกซ์)เป็นเครื่องมือที่ยอดเยี่ยมที่จะช่วยให้คุณสามารถรายงานที่ตั้งของสำนักงาน คลังสินค้า หรือร้านค้าได้ ด้วยการวางเลื่อนบนเว็บไซต์ Yandex พร้อมแผนที่เส้นทางโดยละเอียด คุณสามารถมั่นใจได้ว่าลูกค้าจะไม่หลงทาง
หากคุณเป็นเจ้าของร้านค้าออนไลน์ คุณสามารถใส่การ์ดในแบบฟอร์มการสั่งซื้อที่จะช่วยให้คุณสามารถระบุตำแหน่งของคุณให้กับลูกค้าได้ ซึ่งจะช่วยประหยัดเวลาในการรอได้มาก และผู้จัดส่งจะขอบคุณ
แผนที่ Yandex มีแผนที่รถไฟใต้ดินและการจราจรติดขัด ซึ่งจะหลีกเลี่ยงความไม่สะดวกหลายประการและประหยัดเวลา
หากเรานำเสนอแผนที่ Yandex และ Google เพื่อเปรียบเทียบ (เพิ่ม Google Maps ลงในไซต์) ฉันจะเลือกบริการแผนที่ Yandex เพราะมันให้โอกาสผู้ใช้มากขึ้น ไม่ต้องพูดถึงความจริงที่ว่าแผนที่ Yandex มีรายละเอียดที่ดีที่สุด เช่นเดียวกับแผนที่ของผู้คน ซึ่งแก้ไขโดยผู้ใช้เองโดยใช้ภาพถ่ายดาวเทียม
บางทีเราจะจบด้วยโหมโรงตามที่พวกเขาพูดว่า: "ดีกว่าที่จะเห็นครั้งเดียว ... "
การติดตั้ง (เพิ่ม) ยานเดกซ์แมปไปยังเว็บไซต์ของคุณ
ก่อนเป็น ติดตั้งแผนที่ Yandex บนเว็บไซต์ของคุณมันต้องสร้าง สามารถทำได้ในตัวสร้างแผนที่:
ปรับขนาดแผนที่โดยลากที่จับ จะช่วยให้คุณมองเห็นได้ว่าแผนที่ที่ติดตั้งบนเว็บไซต์จะมีลักษณะเป็นอย่างไร เพื่อช่วยผู้ออกแบบเลย์เอาต์ ความสูงและความกว้างเป็นพิกเซลจะแสดงอยู่ใต้แผนที่
คัดลอกรหัส:
รหัสแผนที่นี้สามารถแทรกลงในวิดเจ็ต WordPress ของข้อความหรือรหัส html ได้โดยง่าย:
การเลือกคือความสูงและความกว้าง คุณจึงสามารถเปลี่ยนแปลงได้โดยไม่ต้องกลับไปที่หน้าการออกแบบแผนที่
คุณยังสามารถวางรหัสแผนที่ลงในโพสต์หรือหน้า WordPress จุดเดียวคือคุณต้องแทรกในตัวแก้ไข html ไม่ใช่ในวิชวล
ผลงาน:
สำหรับการสร้าง คีย์ API ถูกใช้ก่อนหน้านี้ ไม่จำเป็นต้องใช้ในเวลานี้ อย่างไรก็ตาม คุณควรอ่านคำแนะนำของ Yandex:
API แผนที่ Yandex สำหรับนักพัฒนามีฟังก์ชันมากมายที่สามารถสร้างในไซต์ของคุณและปรับปรุงฟังก์ชันการทำงานของแผนที่ได้อย่างมาก:
นอกจากนี้ยังสามารถระบุตำแหน่งของผู้ใช้และอื่น ๆ อีกมากมาย
ตัวอย่างโค้ดสำหรับแผนที่เหล่านี้และแผนที่อื่นๆ สามารถดูได้ในแซนด์บ็อกซ์ Yandex api:
หนึ่งในตัวอย่าง (การกำหนดเส้นทางและค่าใช้จ่าย) ถูกฝังอยู่ในไซต์ของฉัน เลือก 2 จุดบนแผนที่ จากนั้นคลิกที่จุดเริ่มต้น หน้าต่างป๊อปอัปจะแสดงค่าขนส่ง
(เป็นสิ่งที่ดี) วันนี้เราจะมาพูดถึงบริการจาก Yandex อีกครั้งและอีกครั้งเกี่ยวกับการ์ดไม่ใช่แค่พลาสติกและไม่เกี่ยวกับไพ่ แต่เกี่ยวกับแผนที่ของพื้นที่ พิจารณาตัวสร้างแผนที่จาก Yandex ที่คุณสามารถสร้างได้ เช่น แผนที่เส้นทางไปยังสำนักงานของคุณและโพสต์บนเว็บไซต์ของคุณ บทความนี้ให้คำแนะนำโดยละเอียดสำหรับการตั้งค่าบริการ Yandex Maps สำหรับหน้าติดต่อของเว็บไซต์ส่วนตัว
ความสามารถในการช่วยให้ลูกค้าไปถูกที่ถูกทางเป็นส่วนสำคัญในการพัฒนาธุรกิจ ยิ่งผู้คนไปถึงที่ที่พวกเขาต้องการมากเท่าไร รายได้และผลกำไรก็จะสูงขึ้นเท่านั้น ดังนั้น หากธุรกิจของคุณผูกติดอยู่กับวัตถุบนพื้น จำเป็นต้องแทรกแผนที่ที่ดีบนเว็บไซต์
ทำไมคุณถึงต้องการแผนที่แบบโต้ตอบ
- สะดวกสำหรับลูกค้า - ง่ายต่อการวางแผนเส้นทางโดยคำนึงถึงการเปลี่ยนแปลงที่เกี่ยวข้องทั้งหมด เนื่องจากยานเดกซ์ป้อนข้อมูลการซ่อมและการพัฒนาใหม่บนแผนที่อย่างรวดเร็ว
- สะดวกสำหรับเจ้าของไซต์ - การปรับเปลี่ยนทั้งหมดจะทำกับแผนที่โดยอัตโนมัติ เพียงแค่แทรกแผนที่ลงในไซต์เพียงครั้งเดียว จากนั้นจะดาวน์โหลดการอัปเดตจากฐานข้อมูล Yandex ด้วยตนเอง
- ยกระดับอำนาจและระดับความไว้วางใจในองค์กร แม้ว่าสำนักงาน sharazh-montage สามารถสร้างกลไกดังกล่าวได้ แต่ในระดับจิตใต้สำนึก ไซต์ที่มีแผนที่แบบโต้ตอบสามารถรับรู้ได้ดีกว่า
ในสมัยก่อน ที่อยู่สำนักงาน เส้นทางสัญจร สิ่งของต่างๆ ที่น่าสนใจ ฯลฯ ทำเครื่องหมายบนรูปภาพที่แสดงแผนที่ และโพสต์บนเว็บไซต์ด้วยไฟล์ jpg หรือ png ปกติ ปัญหาคือพวกเขาไม่สามารถพิจารณาการซ่อมแซมชั่วคราว รถติด หรือการเปลี่ยนแปลงอื่นๆ ในภูมิประเทศ พวกเขาไม่มีโอกาสแนะนำเส้นทางแต่ละเส้นทางจากทิศทางที่ต่างกัน
ด้วยการพัฒนาบริการอินเทอร์เน็ตเช่น Yandex Maps และ Google Maps ทำให้สามารถแสดงแผนที่แบบโต้ตอบได้ คุณสามารถเปลี่ยนทิศทางเหล่านี้ไปในทิศทางต่างๆ เปลี่ยนมาตราส่วน กำหนดเส้นทางจากจุดต่างๆ วางแผนการเคลื่อนไหวของคุณโดยคำนึงถึงการจราจรติดขัด และอื่นๆ อีกมากมาย
ทุกวันนี้การมีเส้นทางการขับขี่ที่สะดวกในหน้าติดต่อถือเป็นกฎเกณฑ์ที่ดีสำหรับบริษัทใดๆ
และเพื่อช่วยให้คุณทำให้ทรัพยากรบนเว็บของคุณเป็นมิตรกับผู้คนมากขึ้น ฉันจะบอกวิธีเพิ่มแผนที่ Yandex ลงในไซต์ ซึ่งทำได้ง่ายมากโดยใช้ตัวสร้างพิเศษ (ไม่ยากไปกว่า)
ตัวสร้างแผนที่ยานเดกซ์
หากคุณไม่มีบัญชี Yandex คุณจะต้องสร้างบัญชีใหม่ เนื่องจากหากไม่มีบัญชีนี้ คุณจะไม่สามารถออกแบบใดๆ ได้ บริการจะขอให้คุณเข้าสู่ระบบหรือลงทะเบียน คุณไม่จำเป็นต้องถูกข่มขู่ การลงทะเบียนกำลังสร้างกล่องจดหมายบนยานเดกซ์ แม้ว่าคุณจะไม่ต้องการให้มันทำงานกับอีเมล มันจะมีประโยชน์สำหรับบริการเสิร์ชเอ็นจิ้นอื่นๆ เช่น Yandex Metrics หรือ Yandex Webmaster
ขั้นตอนเริ่มต้นจากหน้านี้ - tech.yandex.ru/maps/tools/constructor/
เนื่องจากคุณกำลังอ่านบทความนี้ หมายความว่าคุณกำลังเข้าสู่ระบบเป็นครั้งแรก และคุณไม่มีการ์ดที่บันทึกไว้ก่อนหน้านี้ ยังคงเลือกปุ่มสีเหลืองด้านซ้าย "สร้างการ์ดใหม่" นับจากนี้เป็นต้นไป การก่อตัวของการตั้งค่าแผนที่แต่ละส่วนสำหรับพื้นที่ที่ต้องการจะเริ่มต้นขึ้น
เคล็ดลับคือ คุณไม่เพียงแต่สามารถแทรกแผนที่ Yandex ที่มีที่อยู่ที่แน่นอนเท่านั้น แต่ยังแทรกแผนที่ที่มีวัตถุจำนวนเท่าใดก็ได้ที่เน้นด้วยเครื่องหมายและสีต่างๆ - วัตถุ จุด เส้นทาง
การตั้งค่าทั้งหมดถูกสร้างขึ้นในตัวออกแบบภาพ ไม่จำเป็นต้องแก้ไขรหัส งานดัดแปลงแตกต่างจากการใช้แผนที่ Yandex ตามปกติโดยผู้ใช้เพียงเล็กน้อย เริ่มต้นด้วยการเพิ่มวัตถุ
การเพิ่มวัตถุ
เครื่องมือแรกคือแบบฟอร์มการค้นหาที่ด้านบนของแผนที่ ด้วยความช่วยเหลือของมัน เราสามารถค้นหาจุดที่ต้องการได้จากที่อยู่ พิกัด หรือชื่อ ป้อนข้อมูลคำขอในฟิลด์ ตัวอย่างที่มีที่อยู่ "มอสโก จัตุรัสแดง":
หลังจากกดปุ่ม find บนภูมิประเทศแล้ว จุดจะปรากฏขึ้นตามตำแหน่งของวัตถุที่ระบุ สามารถใส่วัตถุจำนวนมากได้ ตัวอย่างกับเครมลิน:
แต่ละจุดสามารถกำหนดค่าได้เพื่อให้แตกต่างจากวัตถุอื่นๆ และแยกแยะได้ง่ายบนแผนที่ - การเปลี่ยนสีและรูปร่าง และคุณยังสามารถเพิ่มไอคอนเฉพาะภายในโดยคลิกที่เมนูแบบเลื่อนลง "เนื้อหา" วิธีนี้สะดวกหากมีการสร้างวัตถุจำนวนมากบนแผนที่และสามารถจำแนกออกเป็นกลุ่มต่างๆ ได้
รายการที่อยู่ทั้งหมดที่ทำเครื่องหมายไว้บนแผนที่จะกรอกไว้ทางด้านซ้าย
การเปลี่ยนมาตราส่วนและตำแหน่ง
ใช้ปุ่ม "+" และ "-" ที่ด้านซ้ายบนของเค้าโครง มาตราส่วนที่เหมาะสมที่สุดจะถูกตั้งค่า ไม่จำเป็นต้องมีแผนที่ที่สมบูรณ์ของรัสเซียเพื่อเคลื่อนที่ไปรอบ ๆ ใจกลางมอสโก และหากคุณระบุวัตถุที่มีจุดหนึ่งในเมืองใดเมืองหนึ่ง จะเป็นการดีกว่าที่จะปรับขนาดในระดับที่แยกแยะชื่อถนนและบ้านโดยรอบได้
หากต้องการย้ายแผนที่ไปในทิศทางต่างๆ คุณต้องคว้ามันไว้โดยกดปุ่มซ้ายของเมาส์และย้ายไปยังตำแหน่งที่คุณต้องการ
โครงร่างวัตถุ (รูปหลายเหลี่ยม) และเส้น
หากจำเป็นต้องเลือกโครงร่างขององค์ประกอบใดๆ บนแผนที่ เมื่อจุดไม่เพียงพอ ให้ใช้เครื่องมือ "รูปหลายเหลี่ยม" โดยการกำหนดจุดแล้วจุดอื่น เราได้ปริมณฑลที่เต็มไปด้วยสีบางอย่างอยู่ภายใน
สามารถมีจุดได้มากเท่าที่คุณต้องการ ดังนั้น รูปร่างที่วาดบนแผนที่จะทำให้เกิดความซับซ้อนในทุกระดับ คุณสามารถสร้างเส้นขอบให้เสร็จสมบูรณ์ได้โดยคลิกที่จุดที่ตั้งไว้สุดท้ายหรือโดยสลับไปที่ปุ่มอื่นของตัวสร้าง (เช่น บนเส้น) ฉันทำเครื่องหมายรูปทรงของมอสโกเครมลินตามผนัง:
เส้นจะถูกวาดด้วยปุ่ม "เส้น" การกระทำทั้งหมดคล้ายกับเครื่องมือก่อนหน้า เฉพาะช่องว่างระหว่างจุดเท่านั้นที่ไม่ได้ทาสีทับ ด้วยความช่วยเหลือของเส้นบนแผนที่ Yandex คุณสามารถวาดเส้นทางของการเคลื่อนไหว (ทาง, ทาง)
ด้วยวิธีนี้ คุณสามารถแสดงเส้นทางท่องเที่ยวที่เหมาะสมที่สุดได้
ยืนยันจุดสิ้นสุดโดยคลิกอีกครั้ง จะมีเมนู "ลบ" / "เสร็จสิ้น" หลังจากเลือกจุดสิ้นสุด ช่องสำหรับคำอธิบายภาพไปยังจุดสิ้นสุดและการตั้งค่าพารามิเตอร์เส้น (ความหนา สี ความโปร่งใส) จะเปิดขึ้น
เรากรอกเส้นทางโดยคลิกที่ "เสร็จสิ้น"
มุมมองแผนที่และการจราจรติดขัด
สัมผัสสุดท้ายที่ช่วยให้คุณให้คุณสมบัติพิเศษของการ์ดคือการกำหนดการจราจรติดขัดมีปุ่มแยกต่างหากสำหรับสิ่งนี้ จริงๆ แล้ว ฉันสงสัยว่าตัวเลือกดังกล่าวมักจะเป็นที่ต้องการสำหรับแผนที่ที่แทรกลงในไซต์ เนื่องจากผู้คนใช้ระบบนำทางบ่อยกว่าแผนที่ในตัวเพื่อเดินทางโดยรถยนต์
แต่การสลับโหมดระหว่างวงจร ดาวเทียม และไฮบริดอาจมีประโยชน์
มุมมองดาวเทียมทำให้วัตถุโดยรอบดูสมจริง และง่ายต่อการจดจำวัตถุบนแผนที่ดังกล่าว มากกว่ารูปสี่เหลี่ยมผืนผ้าแผนผังของไดอะแกรม
ชื่อเรื่องและคำอธิบาย
เพื่อให้เราสามารถกลับไปที่แผนที่ที่สร้างขึ้นในอนาคตเพื่อแก้ไขหรือรับรหัสสำหรับฝังอีกครั้ง เราจำเป็นต้องคิดชื่อและคำอธิบายสำหรับแผนที่นั้นแล้วจึงบันทึก
รหัสบัตรที่จะใส่ในเว็บไซต์
แผนที่ของเราพร้อมแล้ว และตอนนี้เราจำเป็นต้องรับโค้ดเพื่อฝังลงบนเว็บไซต์ Yandex ทำให้สามารถทำได้:
- แผนที่แบบโต้ตอบ (ซึ่งฉันพูดถึงตั้งแต่ต้น);
- คงที่ - รูปภาพธรรมดาที่มีรหัสที่ซับซ้อนเท่านั้น ไม่มีอะไรสามารถย้ายเข้าไปได้ นอกจากนี้ จำนวนสูงสุดของวัตถุยังมีจำกัด
- พิมพ์ - ไฟล์ภาพคุณภาพสูง ไม่รองรับทุกประเทศ ส่วนใหญ่เป็น CIS และตุรกี ไม่รองรับรุ่นดาวเทียมและไฮบริด
ตัวเลือกระหว่างพวกเขาจะปรากฏขึ้นทันทีหลังจากบันทึก
ขนาดสุดท้ายเป็นพิกเซลถูกกำหนดในเมนูเดียวกัน คุณสามารถตั้งค่าด้วยตนเองหรือโดยการย้ายมุมไปรอบๆ พื้นที่ที่เลือกไว้ทางด้านขวา ช่องกาเครื่องหมาย "ขยายความกว้าง" บังคับให้แผนที่ใช้พื้นที่ทั้งหมดบนไซต์ โดยวางอยู่บนขอบของบล็อกที่แสดง
ในขั้นตอนนี้ คุณสามารถกลับไปแก้ไขแผนที่ได้ในส่วนด้านซ้ายบนของหน้าต่างจะมีคำจารึกที่มีลูกศรตรงกัน
รหัสสุดท้ายปรากฏขึ้นหลังจากคลิกที่ปุ่ม "รับรหัสบัตร" ของฉันมีลักษณะดังนี้:
เมื่อคุณเลือกแผนที่ที่พิมพ์ออกมา ตัวเลือกของรูปแบบไฟล์ - png หรือ jpg จะถูกเพิ่มเข้าไป และรหัสจะไม่เป็นเช่นนั้น - ปุ่มดาวน์โหลดจะปรากฏขึ้นแทน ไฟล์ดังกล่าวสามารถแทรกลงในไซต์ได้ เพียงคุณอัปโหลดไปยังโฮสติ้ง และหากไซต์ของคุณไม่มีโปรแกรมแก้ไขภาพ คุณจะต้องเขียนรูปภาพในแท็ก HTML (src)
วิธีแทรกแผนที่ Yandex ลงในเว็บไซต์
เราได้รับรหัสแล้ว ตอนนี้เราต้องโอนไปยังทรัพยากรบนเว็บของเรา สถานที่ใด ๆ ที่เหมาะกับการจัดวางสิ่งสำคัญคือขนาดพอดี หากคุณใช้คอนสตรัคเตอร์หรือวิชวลเอดิเตอร์ อย่าลืมเปลี่ยนเป็นโหมดข้อความ (HTML) เมื่อวางโค้ด แบบนี้:
แผนที่ที่ฉันทำ
นี่คือสิ่งที่ฉันได้รับหลังจากการตั้งค่าทั้งหมดที่ฉันทำ:
องค์ประกอบนี้สะดวกสำหรับทุกคน - และมีการเน้นวัตถุที่จำเป็นและเลือกมาตราส่วนตามที่คาดไว้ นอกจากนี้ บริการ Yandex ยังให้ผู้ใช้ระบุตำแหน่ง (ลูกศรที่มุมซ้ายบน) และสร้างเส้นทางส่วนบุคคลไปยังจุดที่ต้องการ
ปุ่มที่มุมบนขวาในรูปแบบของลูกศรสองลูกที่แยกจากกันไปในทิศทางที่ต่างกันทำให้คุณสามารถขยายแผนที่แบบเต็มหน้าจอได้ ตอนนี้เกี่ยวกับปลั๊กอิน
ปลั๊กอินสำหรับ WordPress และ CMS อื่นๆ
ก่อนหน้านี้ การสร้างแผนที่และปลั๊กอินพิเศษจำนวนมากที่ใช้เพื่อวัตถุประสงค์เหล่านี้ยากกว่า ตัวอย่างเช่น สำหรับ WordPress มี Yandex Maps สำหรับ WordPress ตอนนี้ไม่จำเป็นต้องใช้ API และผู้ใช้ที่มีความรู้เพียงเล็กน้อยจะทราบวิธีตั้งค่าทุกอย่าง ดังนั้นฉันจึงไม่เห็นจุดใดในปลั๊กอิน ปลั๊กอินด้านบนยืนยันสิ่งนี้ - ไม่ได้รับการอัปเดตมานานกว่า 2 ปี เห็นได้ชัดว่าไม่มีความต้องการ
จากข้อมูลที่ค่อนข้างปัจจุบัน ฉันพบ Yandex Maps API (อัปเดตเมื่อ 4 เดือนที่แล้ว) และ Oi Yandex.Maps สำหรับ WordPress (5 เดือนที่แล้ว) หากคุณมีความปรารถนาที่จะเล่นปลั๊กอิน คุณจะพบมันในที่เก็บของ WordPress โดยการค้นหาและวิธีติดตั้งปลั๊กอิน
ตัวคุณเองเชื่อมั่นว่าการเตรียมแผนที่และวางไว้บนทรัพยากรของคุณนั้นเร็วกว่าการอ่านคำแนะนำนี้มาก ตอนนี้ทรัพยากรแต่ละรายการของคุณจะทำให้ผู้เยี่ยมชมพึงพอใจด้วยคุณสมบัติที่สะดวกสบายเช่นนี้