خرائط الويب
تقنيات رسم الخرائط الويب > تقنيات جانب العميل

متصفح ويب—وفي الإعداد الأبسط، مستعرض الويب فقط هو المطلوب. جميع متصفحات الويب الحديثة تدعمHTML والصور النقطية (JPEG, PNG و GIF).بعض الحلول تتطلب ملحقات إضافية (أنظر أدناه).
ECMAScript الدعم—ECMAScript هو الإصدار الموحد من جافا فمن الضروري لتنفيذ جانب العميل التفاعل، من إعادة بيع ديون DOM لصفحة الويب وطلبات للقيام الشبكة حاليا جزءا من أي متصفح الشبكة الحديثة.
دعم الأحداث—أحداث مختلفة ضرورية لتنفيذ الخرائط التفاعلية العميل الجانب.أحداث يمكن أن تؤدي إلى تنفيذ البرنامج النصي أو عمليات سميل. اننا نميز بين :
أحداث الماوس (فأر أسفل، فأر فوق، مرر الفأرة فوق، تحرّك فأرِ، انقر فوق)
أحداث لوحة المفاتيح (مفتاح أسفل، ضغطة، مفتاح فوق)
الدولة الأحداث (تحميل، تفريغ، إحباط، خطأ)
تحور الأحداث (رد فعل على التعديلات من شجرة دوم، على سبيل المثال DOMNodeInserted)
سميل أحداث الرسوم المتحركة (رد فعل على ولايات مختلفة في سميل الرسوم المتحركة إبدأْ حدثاً، حدث نهايةِ، حدث مُعاد)
واجهة الأحداث (بؤرة في، بؤرة خارج، تنشيط)
أحداث معينة (SVGZoomتقريب، SVGScroll، تغيير الحجمSVGResize)
شبكة طلبات—وهذا أمر ضروري لتحميل البيانات الإضافية والمحتوى في صفحة على شبكة الإنترنت. معظم المتصفحات الحديثة توفر للكائن XMLHttpRequest التي تسمح للحصول على وظيفة تطلب المتشعب، ويقدم بعض ردود الفعل على تحميل بيانات الدولة. البيانات الواردة يمكن معالجتها بواسطة ECMAScript ويمكن إدراجها في شجرة دوم الحالي لصفحة الويب / خريطة الشبكة. SVG كلاء المستخدم بدلا من توفير getURL () وpostURL () طرق لطلبات شبكة الاتصال. فمن المستحسن لاختبار وجود طلب شبكة الأسلوب وتوفير بدائل إذا كان أسلوب واحد غير موجود. على سبيل المثال، يمكن أن دالة مجمع معالجة طلبات شبكة الاتصال واختبار ما إذا كان XMLHttpRequests أو getURL () أو الطرق البديلة المتاحة واختيار واحد من أفضل ما هو متاح. الطلبات الشبكة تعرف أيضا بمصطلح Ajax.
دعم DOM
تربيطة نماذج الوثائق توفر لغة مستقلة API للتلاعب من شجرة وثيقة من صفحة الويب. فإن الكشف عن خصائص العقد الفردية من شجرة الوثيقة، يسمح لادخال العقد الجديد، وحذف العقد، والعقد إعادة ترتيب وتغيير العقد الموجودة. دعم DOM يتم تضمينها في أي متصفح شبكة حديثة. DOM جنبا إلى جنب مع دعم البرمجة هو الذي يعرف أيضا DHTML أو Dynamic HTML. خرائط جوجل وغيرها من المواقع على شبكة الإنترنت لرسم الخرائط باستخدام مزيج من DHTML, Ajax, SVG و VML.
دعم SVG أو تأييد صورة SVG—SVG هو اختصار ل «قابلة للتطوير الرسومات الموجهة» ويدمج مكافحة ناقلات الرسومات، الغرافيكس والنص. SVG كما تدعم الرسوم المتحركة، والتدويل، والتفاعل، والبرمجة وإكس إم إل الآليات القائمة على التمديد. SVG هو خطوة كبيرة إلى الأمام عندما يتعلق الأمر بتقديم جودة عالية، والخرائط التفاعلية. في وقت كتابة هذا التقرير (2007-01)، SVG هو أصلا معتمدة في موزيللا / فايرفوكس> الإصدار 1.5، أوبرا> الإصدار 9 والنسخة المطورة لسفاري / بكت. مستخدمي إنترنت إكسبلورر لا تزال بحاجة إلى أدوبي SVG المشاهد التي يقدمها البرنامج المساعد أدوبي. بالنسبة لكتاب الألمانية على رسم الخرائط على شبكة الإنترنت مع SVG انظر [15]) للحصول على ورقة الإنجليزية على SVG انظر رسم الخرائط.
دعم جافا
بعض المتصفحات لا تزال توفر النسخ القديمة من آلة جافا الافتراضية. وبديل ذلك هو استخدام صن جافا المساعد. جافا هو كامل متميز لغة البرمجة التي يمكن استخدامها لإنشاء خرائط متطورة للغاية وتفاعلي على شبكة الإنترنت. وJava2D وJava3D توفر مكتبات 2D و 3D ناقلات الرسومات الدعم. إنشاء جافا يستند على خرائط الويب يتطلب الكثير من البرمجة.Adrian Herzog (تناقش استخدام تطبيقات جافا لعرض خرائط التظليل النسبي التفاعلية وخرائط بيانيه).
ويب متصفح المحمول
أدوبي أكروبات—يوفر مكافحة ناقلات الرسومات ذات جودة عالية ودعم الطباعة. يسمح للتبديل من طبقات الخرائط، وصلات علوية، وتضمين الوسائط المتعددة، وبعض التفاعل الأساسية والبرمجة (ECMAScript) معيار قياسي.
أدوبي فلاش—يوفر مكافحة ناقلات الرسومات والصور المتحركة ودعم الوسائط المتعددة. يتيح إنشاء خرائط تفاعلية متطورة، كما هو الحال مع جافا وSVG. ملامح لغة البرمجة (أكشن) الذي يشبه لECMAScript. يدعم الصوت والفيديو.
آبل كويك تايم—ويضيف دعما إضافيا لتنسيقات الصور والفيديو والصوت وكويك تايم الواقع الافتراضي (صور البانوراما). الوحيدة المتاحة للماكنتوش وويندوز.
أدوبي SVG المشاهد—SVG 1.0 تقديم الدعم لمتصفحات الويب، والمطلوب فقط لمستخدمي إنترنت إكسبلورر، لأنه لا يَدْعمُ SVG لحد الآن محلّياً. أدوبي SVG المشاهد لم يطور أي وضع آخر، فقط يسد هذه الثغرة حتى يَكْسبْ إنترنت إكسبلوررَ دعمَ SVG محلي.
sun جافا المساعد يقدم الدعم للأحدث ومميزات جافا المتقدمة.