สียานเดกซ์: เราวาดขณะเล่น สียานเดกซ์: วาดขณะเล่น ทำไมคุณถึงต้องใช้แผนที่เชิงโต้ตอบ

ตั้งแต่เดือนตุลาคม 2556 บริการ Yandex.Paints ไม่ทำงาน นี่คือคำตอบอย่างเป็นทางการจากฝ่ายสนับสนุน Yandex:

สวัสดี Nadezhda!
ฉันต้องทำให้คุณผิดหวัง แต่บริการ Yandex.Paints ไม่ได้รับการสนับสนุนอีกต่อไปแล้ว

ขอแสดงความนับถือ Julia Cloud
บริการสนับสนุนยานเดกซ์
http://help.yandex.ru

ดังนั้นทุกสิ่งที่เขียนด้านล่างนี้จึงกลายเป็นประวัติศาสตร์แล้ว...

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

คุณสามารถไปที่ Yandex Paints ได้ฟรีตามที่อยู่: kraski.yandex.ru หรือป้อนคำค้นหา "Yandex Paints" ในแถบค้นหา Yandex และไปที่ลิงก์แรกที่เครื่องมือค้นหาเสนอ

ดังที่เห็นได้ในรูป 1 หลังจากคลิกที่ลิงค์ด้านบน เราจะมีตัวเลือก 2 ทาง:

ลองพิจารณาทั้งสองตัวเลือกตามลำดับ

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

• ระบบปฏิบัติการ Windows XP/Vista/7,
• โปรแกรมอะโดบี แฟลชเพลเยอร์ควรใช้เวอร์ชันล่าสุด
• ความพร้อมใช้งานของพื้นที่ว่าง 10 บนฮาร์ดไดรฟ์

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

หากคุณใช้เบราว์เซอร์อื่นอยู่ เวอร์ชันล่าสุด โปรแกรมอะโดบีควรดาวน์โหลดและติดตั้ง Flash Player จากเว็บไซต์อย่างเป็นทางการเท่านั้น http://get.adobe.com/ru/flashplayer/

แนะนำให้ถอดออกก่อน รุ่นเก่า Adobe Flash Player ผ่านในตัว ระบบปฏิบัติการบริการ Windows “ลบโปรแกรม” แล้วติดตั้งเท่านั้น เวอร์ชันใหม่จากเว็บไซต์อย่างเป็นทางการ จะต้องดำเนินการนี้หากหลังจากติดตั้งโปรแกรม Yandex Paints บนคอมพิวเตอร์ของคุณฟรีแล้วภาพเคลื่อนไหวทำงานไม่ถูกต้อง

หากเป็นไปตามข้อกำหนดทั้งหมดสำหรับการติดตั้งโปรแกรมระบายสี Yandex ให้คลิกที่ปุ่ม "ติดตั้งสี" (หมายเลข 1 ในรูปที่ 1) หลังจากนี้ ไฟล์ YandexKraskiSetup.exe จะถูกดาวน์โหลด ซึ่งโดยปกติจะอยู่ในโฟลเดอร์ "ดาวน์โหลด" ของเบราว์เซอร์ของคุณ เมื่อคลิกที่ไฟล์ YandexKraskiSetup.exe ที่ดาวน์โหลดมา เราได้รับคำเตือนด้านความปลอดภัย:

รูปที่ 2 มาดำเนินการติดตั้งบริการ Yandex Paints บนคอมพิวเตอร์ของคุณกัน

เราคลิก "เรียกใช้" (รูปที่ 2) และข้อความ "การควบคุมบัญชีผู้ใช้" ปรากฏขึ้นเพื่อขออนุญาตทำการเปลี่ยนแปลงโดยคลิกที่ปุ่ม "ใช่"

ต่อไปเราตัดสินใจว่าจะติดตั้งสี Yandex ที่ไหนฟรี หากตัวเลือกที่เสนอสำหรับการติดตั้งโปรแกรมไม่เหมาะกับคุณให้ค้นหาโฟลเดอร์อื่นโดยใช้ปุ่ม "เรียกดู" (รูปที่ 3):

รูปที่ 3 การติดตั้ง Yandex Paints บนคอมพิวเตอร์

เมื่อคลิกที่ปุ่ม "ติดตั้ง" เราจะดำเนินการ "ติดตั้ง Yandex.Paints ให้เสร็จสิ้น" (รูปที่ 4):

รูปที่ 4 การติดตั้ง Yandex Paints ให้เสร็จสิ้น

ในรูป 4 ให้ความสนใจกับการมีหรือไม่มีเครื่องหมายถูกตรงข้ามกับจารึก:

• ทำให้ยานเดกซ์เป็นหน้าแรกของคุณ
• ค้นหาโดยใช้ Yandex จากเบราว์เซอร์ของคุณ
• ติดตั้ง Yandex.Bar สำหรับ อินเทอร์เน็ตเอ็กซ์พลอเรอร์และไฟร์ฟอกซ์

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

ถ้าในรูป. 3 คุณไม่ได้ยกเลิกการทำเครื่องหมายที่ช่องถัดจาก "ติดตั้งทางลัดโปรแกรมบนเดสก์ท็อป" จากนั้นคุณสามารถเรียก Yandex Paints ได้โดยคลิกที่ทางลัดบนเดสก์ท็อป (รูปที่ 5):

รูปที่ 5 ทางลัดสำหรับ Yandex Paints

ไม่ว่าในกรณีใด (หากมีทางลัดของโปรแกรมบนเดสก์ท็อปหรือไม่มีอยู่) คุณสามารถค้นหา Yandex Paints ได้ตลอดเวลาผ่านปุ่ม "Start" - "Programs"

รูปที่ 6 การวาดภาพโดยใช้ Yandex Paints

มาดูเครื่องมือ Yandex Paints โดยย่อ:

1 (หมายเลข 1 ในรูปที่ 6) – ตัวชี้ที่มีไว้เพื่อเน้นวัตถุ ยกเว้นเส้นที่ลากดังในรูป 6 และพื้นหลัง

2 – แปรง ก่อนที่คุณจะทาสีด้วยแปรง คุณสามารถเลือกสี ความเข้มของสี และความหนาของแปรงได้

3 – พื้นหลัง. คุณสามารถเลือกพื้นหลังใดก็ได้จากตัวเลือกที่มี ตัวเลือกต่างๆ จะแสดงในตำแหน่งที่มีหมายเลข 10 อยู่ในรูปที่ 1 6. หลังจากเลือกพื้นหลังแล้ว คุณสามารถเปลี่ยนสีได้

4 – ภาพตัดปะ เมื่อคลิกที่เครื่องมือนี้ (หมายเลข 4 ในรูปที่ 6) เราจะเห็นรูปภาพสำเร็จรูปที่เลือกไว้ (หมายเลข 10 ในรูปที่ 6) หากคุณคลิกที่สามเหลี่ยมเล็ก ๆ ที่ด้านบนของหน้าต่างพร้อมรูปภาพสำเร็จรูปเราจะเห็นว่ารูปภาพเปลี่ยนไปตามธีม "สุขสันต์วันเกิด" "รูปร่าง" "วัตถุ" "ตัวละคร" "อารมณ์" , “ฉันรักเธอ ฉันคิดถึงเธอ”, “ปีใหม่”” คุณสามารถหยิบภาพด้วยเมาส์แล้วลากไปวางบนโปสการ์ด จากนั้นรูปภาพเหล่านี้สามารถย้ายไปรอบๆ โปสการ์ด ลบ ลดขนาด ขยาย หมุนตามเข็มนาฬิกา เปลี่ยนสี ฯลฯ

5 – ข้อความ คลิกเครื่องมือ "ข้อความ" จากนั้นคลิกตำแหน่งที่คุณต้องการแทรกข้อความแล้วพิมพ์ข้อความ จากนั้นเราก็วาดต่อไป หากคุณไม่ชอบข้อความที่ป้อนคุณสามารถดับเบิลคลิกด้วยเมาส์ได้หน้าต่างจะปรากฏขึ้น (รูปที่ 7) ซึ่งเราคลิกที่ "แก้ไข":

รูปที่ 7 ข้อความในสี Yandex

คุณสามารถเลือกสีสำหรับข้อความแบบอักษร (ทางด้านขวาในหน้าต่าง "แบบอักษร" – หมายเลข 10 ในรูปที่ 6 รวม 2 แบบอักษร) หากต้องการหมุนข้อความไปในทิศทางต่างๆ ให้ยืดขึ้นและลง เพียง "จับ" ด้วยเมาส์ที่ลูกศรอันใดอันหนึ่งที่วนอยู่ในรูปที่ 1 กรอบสีแดง และในขณะเดียวกัน โดยไม่ต้องปล่อยเมาส์ ให้หมุนข้อความหรือลากเพื่อย่อ/ขยาย

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

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

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

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

รูปที่ 8 กรอบรูปบน Yandex Paints

8 (หมายเลข 8 ในรูปที่ 6) – การเลือกสี

9 (หมายเลข 9 ในรูปที่ 6) – การเลือกเส้น

10 (หมายเลข 10 ในรูปที่ 6) – หน้าต่างสำหรับเลือกตัวเลือกต่างๆ ที่สอดคล้องกับเครื่องดนตรีเฉพาะ

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

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

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

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

การแสดงคำแนะนำที่สะดวกบนหน้าการติดต่อถือเป็นกฎเกณฑ์ที่ดีสำหรับบริษัทใดๆ

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

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

ขั้นตอนเริ่มต้นจากหน้านี้ – tech.yandex.ru/maps/tools/constructor/

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

เคล็ดลับคือคุณสามารถแทรกได้ไม่เพียงแค่แผนที่ Yandex ที่มีที่อยู่ที่แน่นอน แต่ยังรวมถึงแผนที่ที่มีวัตถุจำนวนเท่าใดก็ได้ที่เน้นด้วยเครื่องหมายและสีที่แตกต่างกัน - วัตถุ, จุด, เส้นทาง

การตั้งค่าทั้งหมดทำใน Visual Designer ไม่จำเป็นต้องแก้ไขโค้ด งานดัดแปลงแตกต่างเล็กน้อยจากการใช้แผนที่ Yandex ปกติโดยผู้ใช้ เริ่มต้นด้วยการเพิ่มวัตถุ

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

หลังจากคลิกที่ปุ่มค้นหา จุดจะปรากฏขึ้นบนภูมิประเทศที่สอดคล้องกับตำแหน่งของวัตถุที่ระบุ คุณสามารถแทรกวัตถุได้มากมาย ตัวอย่างกับเครมลิน:

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

ทางด้านซ้ายคือรายการที่อยู่ทั้งหมดที่ทำเครื่องหมายไว้บนแผนที่

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

หากต้องการย้ายการ์ดไปในทิศทางต่างๆ คุณจะต้องคว้าการ์ดโดยกดปุ่มซ้ายของเมาส์แล้วเลื่อนไปในตำแหน่งที่คุณต้องการ

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

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

เส้นจะถูกวาดโดยใช้ปุ่ม "เส้น" การกระทำทั้งหมดจะคล้ายกับเครื่องมือก่อนหน้านี้ มีเพียงช่องว่างระหว่างจุดเท่านั้นที่ไม่ถูกทาสีทับ การใช้เส้นบนแผนที่ Yandex คุณสามารถวาดเส้นทางการจราจร (ทางผ่าน)

ด้วยวิธีนี้ คุณสามารถแสดงเส้นทางที่เหมาะสมที่สุดสำหรับการเที่ยวชมได้

เรายืนยันจุดสิ้นสุดโดยคลิกเมาส์อีกครั้งจะมีเมนู "ลบ" / "เสร็จสิ้น" หลังจากเลือกจุดสิ้นสุดแล้ว ฟิลด์จะเปิดขึ้นเพื่อติดป้ายกำกับจุดสิ้นสุดและตั้งค่าพารามิเตอร์เส้น (ความหนา สี ความโปร่งใส)

เราเสร็จสิ้นเส้นทางโดยคลิกที่ "เสร็จสิ้น"

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

แต่การสลับโหมดระหว่างวงจร ดาวเทียม และไฮบริดก็มีประโยชน์

มุมมองดาวเทียมทำให้วัตถุที่อยู่รอบๆ มีลักษณะที่แท้จริง และง่ายต่อการจดจำวัตถุเหล่านั้นบนแผนที่ดังกล่าวมากกว่าแผนผังสี่เหลี่ยมของแผนภาพ

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

แผนที่ของเราพร้อมแล้ว และตอนนี้เราจำเป็นต้องได้รับโค้ดเพื่อแทรกลงในไซต์ Yandex ทำให้สามารถทำได้:

• แผนที่เชิงโต้ตอบ (ซึ่งฉันพูดถึงตั้งแต่ต้น)
• คงที่ - รูปภาพธรรมดาที่มีรหัสที่ซับซ้อนเท่านั้นที่คุณไม่สามารถย้ายสิ่งใด ๆ ในนั้นได้นอกจากนี้จำนวนวัตถุสูงสุดยังมีจำกัด
• สิ่งพิมพ์ – ไฟล์รูปภาพ คุณภาพสูงไม่รองรับทุกประเทศ ส่วนใหญ่ CIS และ Türkiye ไม่รองรับเวอร์ชันดาวเทียมและไฮบริด

ตัวเลือกระหว่างพวกเขาจะปรากฏขึ้นทันทีหลังจากบันทึก

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

ในขั้นตอนนี้ คุณสามารถกลับไปแก้ไขแผนที่ได้ โดยจะมีข้อความที่มีลูกศรกำกับอยู่ที่ด้านซ้ายบนของหน้าต่าง

รหัสสุดท้ายปรากฏขึ้นหลังจากคลิกที่ปุ่ม "รับรหัสบัตร" ของฉันจะมีลักษณะดังนี้:

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

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

นี่คือสิ่งที่ฉันได้รับหลังจากการตั้งค่าทั้งหมด:

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

สามารถขยายแผนที่ให้เต็มหน้าจอได้โดยใช้ปุ่มที่มุมขวาบนในรูปของลูกศรสองลูกที่แยกไปในทิศทางที่ต่างกัน ตอนนี้เกี่ยวกับปลั๊กอิน

ก่อนหน้านี้การสร้างแผนที่ทำได้ยากกว่าและหลายคนใช้ปลั๊กอินพิเศษเพื่อจุดประสงค์เหล่านี้ เช่น สำหรับ WordPress ก็มีปลั๊กอินนี้ - Yandex Maps สำหรับ WordPress ตอนนี้ไม่จำเป็นต้องใช้ API และผู้ใช้ที่มีความรู้เพียงเล็กน้อยก็สามารถทราบวิธีตั้งค่าทุกอย่างได้ ดังนั้นฉันจึงไม่เห็นประเด็นในปลั๊กอิน ปลั๊กอินที่กล่าวถึงข้างต้นเป็นข้อพิสูจน์เรื่องนี้ - ไม่ได้รับการอัปเดตเป็นเวลานานกว่า 2 ปี ดูเหมือนว่าไม่มีความต้องการ

ในบรรดาสิ่งที่เกี่ยวข้องกัน ฉันพบ Yandex Maps API (อัปเดตเมื่อ 4 เดือนที่แล้ว) และ Oi Yandex.Maps สำหรับ WordPress (5 เดือนที่แล้ว) หากคุณต้องการเล่นกับปลั๊กอิน คุณจะพบพวกมันในที่เก็บ WordPress โดยการค้นหา และวิธีการติดตั้งปลั๊กอิน

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

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

เมื่อเลือกเครื่องมือแปรง คุณสามารถวาดเส้นปกติหรือเลือกโหมดแปรงได้หลายโหมด ตัวอย่างเช่น คุณสามารถวาดโซ่ดวงดาวหรือดอกไม้ด้วยการขยับเมาส์ง่ายๆ

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

นอกจากนี้ยังสามารถใช้กรอบรูปได้อีกด้วย รูปภาพ Face Hole รูปใดรูปหนึ่งจะถูกโหลดขึ้นมา และคุณจะต้องแทรกรูปภาพของคุณ

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

ในบทความนี้เราจะบอกคุณว่าทำไมและวิธีแทรกแผนที่ Yandex บนเว็บไซต์

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

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

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

คุณควรใช้ตัวสร้าง Yandex.Maps API

ในบทความนี้เราจะยกตัวอย่าง คำแนะนำทีละขั้นตอนซึ่งเราหวังว่าจะช่วยคุณแทรกแผนที่ Yandex ลงในเว็บไซต์ของคุณ:

• เปิดหน้าตัวออกแบบ Yandex.Maps สำหรับไซต์
• ค้นหาตำแหน่งทางภูมิศาสตร์ที่ต้องการบนแผนที่ตามที่อยู่หรือด้วยตนเอง (โดยการซูมด้วยแถบเลื่อนและเลื่อนแผนที่ด้วยเมาส์)
• เลือกเครื่องชั่งที่สะดวกสำหรับงานของคุณ ควรกำหนดสเกลสุดท้ายเมื่อสิ้นสุดงาน เราจะวาดเครื่องหมายบนแผนที่ เส้น (ถนนทางเข้า) และรูปทรงของอาคารหรืออาณาเขต
• ระบุชื่อของแผนที่ในอนาคตในช่องที่เหมาะสม
• มาดูเครื่องมือบริการกัน: ปุ่มสำหรับการวาดจุด (เครื่องหมายบนแผนที่), เส้น, รูปหลายเหลี่ยม (รูปทรง) และขนาดแผนที่

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

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

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

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

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

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

ขอขอบคุณผู้อ่านทุกท่านที่สนใจคำแนะนำทีละขั้นตอนของเรา

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

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