ห้องสมุดที่ดีสำหรับการแสดงแผนที่ขนาดเล็กจำนวนมากบนหน้าเว็บคืออะไร

ฉันต้องการสร้างภาพบนเว็บไซต์คล้ายกับที่แสดงต่อไปนี้: http://namemapper.babynamewizard.com/namemapper/

มีห้องสมุดที่ดีสำหรับทำสิ่งนี้หรือไม่? คือOpenLayersพอน้ำหนักเบาในการจัดการแผนที่หลายครั้ง?

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

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

เมื่อใช้ OpenLayers เช่นนี้ฉันแนะนำให้ใช้จำนวนเลเยอร์และตัวควบคุมที่ จำกัด รวมถึงตัวเลือกเช่น "buffer: 0" เพื่อ จำกัด จำนวนการโหลด เป้าหมายของคุณควรลดจำนวนองค์ประกอบ DOM ที่ OpenLayers สร้างขึ้นเนื่องจากจะเป็นคอขวดประสิทธิภาพหลักสำหรับการโหลดหน้าเว็บหรือแอปพลิเคชันของคุณ

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

HTML สามารถใช้ในการสร้างแผนที่แบบคงที่แบบเรียบง่ายโดยไม่ต้องมีสิ่งต่าง ๆ ด้านเซิร์ฟเวอร์เช่น WMS หรือไลบรารีฝั่งไคลเอ็นต์เช่น OpenLayers ใช้ภาพแรสเตอร์ของพื้นที่แผนที่ร่วมกับแผนที่แท็กและพื้นที่ของ HMTL ภาพสุดท้ายที่มีการตั้งค่ารูปร่างของคุณลักษณะเป็น 'โพลี' คุณจะต้องให้พิกัดของเส้นขอบแผนที่สัมพันธ์กับมุมบนซ้ายของวัตถุแผนที่ นอกจากนี้ยังมีการรองรับกิจกรรมเช่นonmouseoverหรือonclick

• แผนที่ HTML (w3schools.com)
• แผนที่รูปภาพฝั่งไคลเอ็นต์: องค์ประกอบ MAP และ AREA (คำแนะนำ W3C)

แก้ไขเมื่อ 2010-09-26 01:25 CET: ตัวอย่างแผนที่ภาพ HTML สามารถดูได้ที่ ' iCITA: ตัวอย่างแผนที่รูปภาพ '