أكثر

لم يتم إصلاح Infobox للعلامة عند التفاف خريطة Google (عند التكبير 0،1،2)

لم يتم إصلاح Infobox للعلامة عند التفاف خريطة Google (عند التكبير 0،1،2)


أستخدم صندوق معلومات مخصصًا يتم إصلاحه في موضع العلامة. كل شيء على ما يرام (انظر الصورة 1) حتى تصل الخريطة إلى التكبير / التصغير 3 أو أقل ، على وجه التحديد ، عند التفاف الخريطة. لم يعد صندوق المعلومات ثابتًا بالعلامة وقد تم نقل بعض وحدات البكسل إلى يسار العلامة (انظر لقطة الشاشة 2).

لقطة الشاشة 1

لقطة الشاشة 2

أستخدم الكود التالي لتحويل موضع العلامة (LatLng) إلى نقاط "XY" (انظر الكود) ولإصلاح صندوق المعلومات المخصص للعلامة.

var scale = Math.pow (2، map.getZoom ()) ؛ var nw = new google.maps.LatLng (map.getBounds (). getNorthEast (). lat ()، map.getBounds (). getSouthWest (). lng ()) ؛ var worldCoordinateNW = map.getProject (). fromLatLngToPoint (nw) ، / ** * [marker_position] - الموضع (LatLng) للعلامة * / var worldCoordinate = map.getProject (). fromLatLngToPoint (marker_position) ؛ var pixelOffset = google.maps.Point جديدة (Math.floor ((worldCoordinate.x - worldCoordinateNW.x) * scale) ، Math.floor ((worldCoordinate.y - worldCoordinateNW.y) * scale)) ؛ / ** * [mapPosition] - سيحصل هذا على موقع الخريطة على الشاشة * / var mapPosition = jQuery ('div.mapContainer'). position ()؛ var infobox_half_width = jQuery ('div.infobox'). width () / 2 ؛ var margin_top = marker_icon_height + jQuery ('div.infobox'). height () ؛ / ** * اضبط موضع صندوق المعلومات على الخريطة. * [left] - موضع العلامة (أفقيًا) يتناسب مع الموضع الأيسر للخريطة على الشاشة. * [top] - موضع العلامة (عمودي) المتوافق مع أعلى موضع للخريطة على الشاشة. * [@ margin-left] - انقل صندوق المعلومات 50٪ من حجمه إلى اليسار. * [@ margin-top] - انقل الخريطة إلى أعلى العلامة (وفقًا لحجم صورة العلامة). * / jQuery ('div.infobox'). css ({'left' :( pixelOffset.x + mapPosition.left + 'px')، 'top' :( pixelOffset.y + mapPosition.top + 'px')، 'margin-left': ('-' + infobox_half_width + 'px')، 'margin-top': ('-' + margin_top + 'px')}). fadeIn ('slow')؛

ما أريده هو إبقاء infobx ثابتًا على محدداته حتى عندما تكون الخريطة ملفوفة.

أعتقد أن المشكلة تكمن في هذا الجزء من الكود (انظر الكود أدناه) لكنني لا أعرف كيفية تكييفها للحفاظ على صندوق المعلومات مثبتًا بعلامته عند تغليف الخريطة. يحتاج الكود إلى شيء ما (في الحسابات) لإخبار الخريطة بحساب موقع صندوق المعلومات المرتبط بحدود الجزء المرئي تمامًا من العالم. هل لدى أي شخص فكرة عن كيفية حل هذه المشكلة؟

var scale = Math.pow (2، map.getZoom ()) ؛ var nw = new google.maps.LatLng (map.getBounds (). getNorthEast (). lat ()، map.getBounds (). getSouthWest (). lng ()) ؛ var worldCoordinateNW = map.getProject (). fromLatLngToPoint (nw) ، / ** * [marker_position] - الموضع (LatLng) للعلامة * / var worldCoordinate = map.getProject (). fromLatLngToPoint (marker_position) ؛ var pixelOffset = google.maps.Point جديدة (Math.floor ((worldCoordinate.x - worldCoordinateNW.x) * scale) ، Math.floor ((worldCoordinate.y - worldCoordinateNW.y) * scale)) ؛

ملاحظة: لم أرغب في استخدام تراكب GMaps لإنشاء صندوق المعلومات فقط لمنع التحميل البطيء للخريطة عندما يكون هناك عدد كبير جدًا من العلامات. لقد جربته بالفعل مع أكثر من 600 علامة (علامات + تراكبات معروضة بشكل افتراضي) ويستغرق تحميلها الكثير من الوقت. كان لإنشاء مربعات المعلومات المخصصة خارج الخريطة واستخدام هذا الرمز لإصلاح كل صندوق معلومات بعلامة تأثير إيجابي على سرعة التحميل.


مع المجموعةإزاحة البكسليمكنك نقل صندوق المعلومات الخاص بك بالبكسل من أعلى اليسار ولكنه لن يكون هو نفسه لكل صندوق معلومات.

لذلك إذا قمت بتعيينمحاذاةلحقيقية,إزاحة البكسلسيتم نقله من أسفل اليسار وستكون لكل صندوق المعلومات نفس الإزاحة.

ضع في اعتبارك أنه إذا كان عرض مربعات المعلومات لديك مختلفًا ، فستحتاج إلى حساب pixelOffset بطريقة ديناميكية.

مثال:

var htmlInfoWindow = new InfoBox ({content: ""، closeBoxURL: ""، position: marker.getPosition ()، pixelOffset: new google.maps.Size (-100، -250)، alignBottom: true})؛

مكون خرائط جوجل

نظرة عامة على مكون خرائط Google وخصائصه. يتضمن عددا من الأمثلة والأدلة.

مقدمة

عندما تريد تقديم معلومات حول الموقع ، غالبًا ما تكون أفضل واجهة مستخدم هي الخريطة. في Alpha Anywhere ، يمكنك استخدام مكونات الخرائط في صفحات الويب الخاصة بك بنفس سهولة استخدام الشبكات.

يعتمد مكون الخريطة الخاص بنا على واجهة برمجة تطبيقات جافا سكريبت لخرائط Google. تعد JavaScript Maps API V3 خدمة مجانية متاحة لأي موقع ويب مجاني للمستهلكين. يرجى الاطلاع على شروط الاستخدام لمزيد من المعلومات. إذا لم تكن مؤهلاً لشروط الاستخدام ، فيمكنك استخدام خدمة Google Maps API Premier مع Alpha Google Map Component ، كما هو موضح في خصائص خرائط Google أدناه ، بمجرد ترخيص معرف العميل من Google.

تستند الخرائط إلى المواقع المحددة بواسطة خطوط الطول والعرض. في قاعدة البيانات الجغرافية ، يعد الموقع نوع بيانات يمكن البحث فيه: راجع قواعد البيانات الجغرافية.

يسمى تحديد خط الطول وخط العرض من العنوان الترميز الجغرافي. تحديد الموقف الحالي للمستخدم يسمى تحديد الموقع الجغرافي. يستخدم مكون الخرائط الخاص بنا خدمة Nominatim المجانية للترميز الجغرافي افتراضيًا ، أو Google Maps API Premier إذا كان لديك ترخيص. يمكن لمكون الخريطة الخاص بنا استخدام تحديد الموقع الجغرافي HTML 5 اختياريًا على المتصفحات المدعومة ، وهذا يعمل بشكل أفضل على الأجهزة المحمولة.

بالإضافة إلى استخدام مكون خرائط Google في حد ذاته ، يمكنك ربطه بشبكة ووضعه في واجهة مستخدم مبوبة ووضعه في مكون تخطيط الصفحة واستدعائه من Action JavaScript. يعمل مكون خرائط Google في تطبيقات سطح المكتب بالإضافة إلى تطبيقات الويب. الصورة أدناه هي أحد مكونات خرائط Google مع تشغيل الخيارات الافتراضية في وضع معاينة العمل - أي على سطح المكتب.

إنشاء مكون خرائط جوجل

من لوحة تحكم مشروعات الويب ، أنشئ ملفًا جديدًا ، وحدد مكونًا جديدًا ، وحدد خريطة Google ، ثم اضغط على موافق. قم بالتبديل إلى لوحة الخصائص.

يمكن استخدام الأحداث من جانب الخادم والعميل لتهيئة مكون خرائط Google عند عرضها.

تُستخدم خصائص مكون خرائط Google لتكوين المكون ، بما في ذلك العرض الأولي ودعم SSL والتصميم المخصص والمزيد.

تعيين خصائص مكونات خرائط Google في واجهة المستخدم

راجع خصائص مكونات خرائط Google للحصول على قائمة بالخصائص المتاحة لتكوين مكون خرائط Google.

وظائف JavaScript

لم يتم تحديد وظائف JavaScript قابلة للتعديل بواسطة المستخدم افتراضيًا في مكون خرائط Google. تعد هذه المنطقة مكانًا جيدًا لوضع وظائف JavaScript جديدة تريد الاتصال بها من أحداث HTML. يمكن أن تستخدم الوظائف التي تم إنشاؤها هنا أساليب وخصائص JavaScript الخاصة بالمكون ، وطرق وخصائص كائنات API لخرائط Google المخزنة في خصائص JavaScript الخاصة بالمكون.

وظائف Xbasic

تم تحديد وظيفة Xbasic واحدة قابلة للتعديل بواسطة المستخدم بشكل افتراضي.

يمكن أن تعيد وظائف رد الاتصال JavaScript ليتم تنفيذه بواسطة المكون.

يمكنك أيضًا إضافة وظائف Xbasic أخرى هنا ، كل من وظائف الاستدعاء والوظائف التي يتم استدعاؤها من الأحداث من جانب الخادم.

الأحداث من جانب الخادم والعميل

راجع أحداث مكون خرائط Google للحصول على معلومات حول الأحداث من جانب الخادم والعميل في أحد مكونات خرائط Google.

ربط خريطة بشبكة

اتبع هذه الوصفة لإنشاء خريطة منبثقة لعرض موقع من صف الشبكة.

قم بإنشاء مكون خرائط Google جديد

قم بتحرير HTML الخاص بشريط الأدوات وحذف كل ما تم تعريفه ، لأننا لا نريد شريط أدوات

قم بتغيير الحد الأقصى لعدد النقاط إلى 1

في إجراء الزر ، قم بإضافة إجراء جديد باستخدام Action JavaScript لفتح مكون خرائط Google

اختر الخريطة التي حفظتها للتو

إذا كانت شبكتك تحتوي على حقلي خط الطول وخط العرض ، فقم بربطهما بالوسيطتين CenterLat و CenterLng

إذا كانت شبكتك لا تحتوي على حقول خط الطول وخط العرض ، ولكن تحتوي على حقل عنوان ، فقم بربط ذلك بالمتغير CenterAddress. يجب أن يكون حقل العنوان مكتملًا بدرجة كافية للترميز الجغرافي.

يمكنك بشكل اختياري ربط وسيطات العناوين ونص المعلومات بالحقول التي تريد أن تظهر في الماوس الخاص بالعلامة

اضبط عرض النافذة المنبثقة وارتفاعها ليكون أكبر ببضعة بكسلات من خريطتك.

قم بإنشاء زر إجراء على شريط الأدوات مرتبطًا بزر الإجراء الذي قمت بحفظه للتو

قم بتشغيل شبكتك وضبط إعداداتك لتكون ممتعة

إليك ما تمكنا من القيام به باتباع هذه الوصفة بالضبط باستخدام شبكة قاعدة بيانات المطار. انقر فوق الصورة المصغرة لرؤيتها بالحجم الكامل ، واضغط على مفتاح Backspace للعودة إلى هذه المناقشة.

لاحظ أنه للحصول على حقول خطوط الطول والعرض في هذه الشبكة ، استخدمنا تعبيرات SQL المحمولة التالية:

إذا كان لديك حقول منفصلة للمدينة والولاية والعنوان في قاعدة البيانات الخاصة بك ، فيمكنك تجميعها في تعبير SQL. بشكل عام ، من الأفضل تكويد العناوين جغرافيًا مرة واحدة وتخزين الموقع في قاعدة البيانات ، بدلاً من تكويدها جغرافيًا أثناء التنقل في كل مرة يتم عرضها.

استخدام الخريطة كطريقة عرض بديلة للشبكة

في شبكة بها حقول خط الطول وخط العرض:

تحقق من الخاصية "لها طرق عرض بديلة"

افتح المنشئ لتعريف طرق العرض البديلة.

أضف طريقة عرض بديلة من نوع خرائط Google

إنشاء تعبيرات لخط العرض وخط الطول

بشكل اختياري ، قم بإنشاء تعبيرات لمربع العنوان والمعلومات

بشكل اختياري ، قم بإنشاء قائمة من التعبيرات للعلامات الديناميكية ، أو حدد تسلسل صور مدمج للعلامات المرقمة أو ذات الحروف

في علامة التبويب "العرض الرئيسي" ، قم بتكوين الطريقة التي تريد عرض العرض البديل بها

قم بتشغيل الشبكة وضبط الإعدادات لتكون ممتعة

لقد حققنا العرض البديل أدناه باتباع الوصفة أعلاه. انقر على الصورة المصغرة لعرض الصورة بالحجم الكامل ، واضغط على مفتاح Backspace للعودة إلى هذه المناقشة.

المواقع مقابل العناوين لوضع العلامة

إذا كان لديك جدول يحتوي على عناوين بدلاً من المواقع ، فإن استخدامه كما هو سيؤدي إلى تدهور أداء وقت التشغيل لشبكتك ، حيث تستغرق كل مكالمة لتكويد عنوان جغرافيًا جزءًا من الثانية. هذا ملحوظ ولكنه ليس شديدًا على صفحة الويب ، نظرًا لأن التكويد الجغرافي يحدث في عمليات رد نداء Ajax غير المتزامنة ، ويمكن تكويد جميع عناوينك جغرافيًا في بضع ثوانٍ. يكون الأمر بطيئًا بشكل مزعج عند تشغيل مكون خرائط Google مع محددات مجمعة يتم تحديدها بواسطة العناوين الموجودة على سطح المكتب أو في Working Preview ، نظرًا لأن عمليات رد نداء Ajax للترميز الجغرافي متسلسلة: يمكن أن تستغرق الخريطة التي تحتوي على 10 علامات مجمعة محددة بواسطة العناوين ما يصل 10 ثوانٍ للتهيئة ، وهي طويلة بما يكفي ليعتقد المستخدم أنه قد تعطل.

يمكننا تكويد العناوين جغرافيًا باستخدام خدمة Nominatim المجانية وكذلك مع Google. لا يفرض Nominatim حدًا للمعدل ، ولكنه يستغرق جزءًا كبيرًا من الثانية لإرجاع موقع مكود جغرافيًا. يبدو أن Nominatim يعمل بشكل جيد إلى حد ما بالنسبة لعناوين الولايات المتحدة والمملكة المتحدة ، ولكن قد يختلف عدد الأميال المقطوعة. لدينا تقارير تفيد بأن Nominatim لا يعمل بشكل جيد للغات ومواقع معينة ، مثل أسماء الأماكن الفلمنكية في بلجيكا.

جوجل هو التكويد الجغرافي الافتراضي. ومع ذلك ، يجب أن تدرك أن واجهة برمجة تطبيقات خرائط Google المجانية تقتصر على معدل حوالي 6 محاولات ترميز جغرافي في الثانية ، وبعد ذلك ستتوقف عن تقديم الإجابات. في الممارسة العملية ، يفرض هذا حدًا على عدد الصفوف لكل صفحة في شبكة تستخدم خريطة تستند إلى العناوين بدلاً من المواقع.

إذا كنت أحد عملاء Google Premier Maps ، فتحقق من "Use Google Maps Premier" ، وقم بتوفير معرف عميل Google Premier Maps ، ثم نقوم بترميز العناوين جغرافيًا باستخدام Google Maps Premier ، والذي عادةً ما يعرض موقعًا مشفرًا جغرافيًا في 100 مللي ثانية ، حتى إذا حددت Nominatum ، نظرًا لأن خرائط Google Premier أفضل بكثير وأسرع من Nominatum. (بالنسبة إلى 10 آلاف دولار في السنة ، يجب أن يكون ذلك أفضل بالتأكيد.) إذا كانت لديك حالة يمثل فيها هذا مشكلة ، فأخبرنا بذلك وسنقوم بتغيير السلوك.

إذا قمت بإنشاء خريطة تأخذ موقعها الأولي من عنوان باستخدام Nominatim للترميز الجغرافي واستخدمت IE 9 ، فلا تتفاجأ إذا رأيت رسالة حول الصفحة "الوصول إلى المعلومات التي ليست تحت سيطرتها" في المعاينة المباشرة. يمكنك التخلص من الرسالة عن طريق تخفيف أذونات IE لمنطقة الإنترانت. على وجه التحديد ، قم بتغيير إعدادات الأمان لـ Local Intranet | Custom | Miscellaneous | الوصول إلى البيانات عبر المجالات إلى Enable from Prompt. لا يؤدي استخدام Google للترميز الجغرافي إلى عرض هذه الرسالة.

إذا كنت تخطط لنشر موقع يستخدم Nominatim للترميز الجغرافي ويخطط المستخدمون لديك لاستخدام IE 9 ، فقد ترغب في نصحهم بإضافة موقعك إلى قائمة المواقع الموثوقة.

إذا كانت لديك قاعدة بيانات تحتوي على عناوين تريد أن تكون أساسًا لمكون خرائط Google ، ففكر في إضافة مواقع إلى الجدول كعملية لمرة واحدة باستخدام عملية تكويد جغرافي مجمعة. إذا كنت بحاجة إلى إضافة مواقع عندما يقوم الأشخاص بإدخال عناوين في شبكتك ، فيمكنك استخدام Action JavaScript لترميز خط العرض وخط الطول جغرافيًا من العنوان.

إذا كنت بحاجة إلى تخزين كائنات الموقع الجغرافي في قاعدة بيانات SQL ممكّنة للجغرافيا لأغراض البحث ، فيمكنك استخدام وظيفة GeogCreateLocation Portable SQL لإنشاء كائن الموقع من خطوط الطول والعرض ، عادةً في حدث onBeforeSQLCommandExecute لاستعلامات INSERT و UPDATE.

إذا كنت تواجه مشكلة في تشغيل الترميز الجغرافي ، فاختبر العناوين الفردية على http://nominatim.openstreetmap.org أو http://maps.google.com حتى تحصل على التنسيق الصحيح. كلما كان العنوان مكتملاً ، زادت احتمالية ترميزه بشكل صحيح. أيضًا ، يساعد تحديد حقول العنوان بفاصلات المحلل اللغوي. جرب عنوان Alpha ، "70 Blanchard Rd، Burlington، MA" ، كحالة جيدة معروفة.

استخدام العلامات الديناميكية وتسلسلات العلامات المميزة

إذا كنت تريد أن تنقل الخريطة بعض السمات في كل موقع ، فيمكنك استخدام علامات ديناميكية ، مما يعني أن الحرف الرسومي للعلامة المستخدم في أي نقطة يعتمد على بعض التعبيرات ، مثل "sales & gt 100000" أو "Population & gt1000000" أو "height & lt 500" . تشبه ميزة الخريطة هذه ميزة الصورة الشرطية للشبكات. تحوم فوق كل صورة لرؤيتها بالحجم الكامل.

إذا كنت تريد أن تكون قادرًا على توصيل صفوف الشبكة بصريًا بالعلامات المقابلة لها ، فيمكنك استخدام تسلسلات العلامات ذات العلامات ، وكذلك استخدام تسلسلات العلامات لصور الشبكة. هذا السلوك مشابه لما سيظهره لك بحث الأعمال على خرائط Google.

إذا كان عدد الصور في التسلسل أصغر من عدد العلامات المراد عرضها ، فإن أي علامات إضافية تستخدم الحرف الرسومي الافتراضي للعلامة.

استخدام خريطة جوجل كعنصر تحكم في شبكة البحث

في شبكة تستند إلى قاعدة بيانات SQL تحتوي على حقل جغرافيا ، أضف حقل الجغرافيا إلى جزء البحث في الشبكة وقم بتعيينه إلى نوع عنصر تحكم الخريطة. (قم بالمرور فوق كل صورة لرؤيتها بالحجم الكامل.)

عيّن الخصائص واختبر عنصر التحكم. يمكنك عرض النتائج في الشبكة ، في خريطة تمثل طريقة عرض بديلة للشبكة ، و / أو في شبكة البحث نفسها.

تخصيص مكون خرائط Google الخاص بك

تم تصميم مكون خرائط Google للعديد من حالات الاستخدام المختلفة:

  • خريطة حول نقطة جغرافية ثابتة محددة إما عن طريق خط الطول وخط العرض أو بواسطة العنوان
  • خريطة تعرض عددًا من النقاط الجغرافية الثابتة
  • خريطة تسمح للمستخدم بتحديد وعرض المركز ونصف القطر للبحث
  • خريطة تسمح للمستخدم بتحديد وعرض النقاط التي تحدد مضلعًا للبحث
  • خريطة تتيح للمستخدم تحديد البحث وعرضه ثم الاطلاع على نتائج البحث

تتطلب كل حالة من حالات الاستخدام هذه عناصر تحكم مختلفة قليلاً ، وهذا هو سبب عرض HTML لشريط الأدوات كخاصية. تتطلب عناصر التحكم المختلفة معالجة مختلفة قليلاً ، ولهذا السبب تم توفير وظيفة معالج رد الاتصال Xbasic Ajax النموذجي TakeLatLng في شكل قابل للتعديل بواسطة المستخدم ، وتم توفير وظيفة مساعد JavaScript computePostValues ​​لإرجاع جميع العلامات التي يوفرها المستخدم ، ونصف القطر ، و حالات الدائرة والعلامة والمضلع لرد نداء Ajax.

كما رأيت ، قمنا بالفعل بتوفير تخصيص مكون خرائط Google لمعظم حالات الاستخدام هذه ، جنبًا إلى جنب مع الشبكة. ومع ذلك ، فأنت حر في إنشاء التخصيصات الخاصة بك باستخدام الأحداث والأساليب والخصائص المكشوفة ، سواء من جانب العميل أو من جانب الخادم.


آخر أسئلة مقابلة تطوير خرائط Google API

أ. map.trafficLayer.setVisible (صحيح)
B. map.addLayer ("حركة المرور")
C. var trafficLayer = new google.maps.TrafficLayer () trafficLayer.setMap (map)
D. var trafficLayer = new google.maps.TrafficLayer () map.add (trafficLayer)

ما المكتبة الإضافية التي يجب عليك تحميلها إذا كنت تريد إضافة طبقة خريطة حرارية إلى خريطتك؟

الطقس
الأماكن B.
جيم التصور
D. الرسم

للحصول على أفضل عرض للخريطة على الأجهزة المحمولة ، قم بتعيين عرض وارتفاع الخريطة التي تحتوي على الخريطة على:

في صيغة تحميل JavaScript Google Maps API ، ما الذي تشير إليه المعلمة "sensor = true"؟

A. استخدم مستشعر الطقس في موقع الخريطة.
ب. استخدم محدد موقع GPS لتحديد موقع المستخدم.
ج- تحديد المعالم بالقرب من موقع الخريطة.
د. اعرض الموقع الحالي لكاميرا مستوى الشارع.

إذا كنت ترغب في تحقيق الدخل من تطبيق الخرائط الخاص بك من خلال عرض إعلانات حساسة للسياق ، فما هي المكتبة التي يجب أن تستخدمها؟

أ. AdSense
B. Panoramio
جيم الأماكن
د- التسوق

ما الخدمة التي يمكن استخدامها للحصول على LatLng من عنوان؟

أ. المكود الجغرافي
ب. الجغرافيا
C. المسافة
د. الاتجاهات

ما هو كائن التراكب الذي يمكن استخدامه لاحتواء محتوى HTML للمعلومات؟

فقاعة
ب. المضلع
جيم ماركر
د. InfoWindow

عند إنشاء خريطة جديدة ، يجب تحديد التكبير الأولي كخيار خريطة. ما هو خيار الخريطة الأولية المطلوب الآخر؟

أ. الخلفية الملونة
ب. إمالة
C. الأنماط
مركز D.

يوفر التجوّل الافتراضي عرضًا بانوراميًا لما يلي:

أ. 360 درجة
90 درجة
ج 45 درجة
د 180 درجة

كيف تضيف مستمع حدث نقرة إلى خريطة جوجل؟

أ. map.listener.add ("انقر" ، انقر فوق وظيفة)
ب- google.maps.listener.add (الخريطة ، "انقر" ، انقر على الوظيفة)
ج. google.maps.event.addListener (الخريطة ، "انقر" ، انقر على الوظيفة)
د. map.addListener.add ("انقر" ، انقر فوق وظيفة)

أي مما يلي ليس من نوع MapType الشائع؟

أ. خارطة الطريق
ب. التضاريس
ج. الارتفاع
D. الهجينة

صواب أم خطأ: لا تدعم JavaScript Google Maps API الترميز الجغرافي العكسي (ترجمة موقع الخريطة إلى عنوان).

أي مما يلي يجب أن تحصل عليه لتحميل JavaScript Google Maps API لتطبيق غير تجاري؟

أ. ترخيص التطبيق المؤقت
ب- ترخيص تطبيق المؤسسة
جيم مفتاح API
D. مفتاح التشفير

صواب أم خطأ: عند استخدام JavaScript Google Maps API ، فإنك تحدد عادةً ملف

عنصر HTML كحاوية للخريطة.

صواب أم خطأ: عند استخدام JavaScript Google Maps API ، يظهر عنصر تحكم MapType افتراضيًا على الخريطة.

أي من أوضاع السفر التالية غير مدعوم عند حساب الاتجاهات؟

أ. العبور
ب. القيادة
C. ركوب الدراجات
D. الطيران

ما هي الوسائط التي يجب أن يتم تمريرها إلى كائن LatLng؟

أ. الطول والعرض
رقم الطريق السريع وعلامة الميل
ج. خط العرض وخط الطول
D. العنوان والرمز البريدي

صواب أم خطأ: يمكنك استخدام إسقاط خريطة مخصص عند تنفيذ خريطة مخصصة.

يُعرف أخذ العنوان وترجمته إلى نقطة جغرافية بماذا؟

أ. تحديد الموقع الجغرافي
ب. تحديد المواقع الجغرافية
C. Geocaching
D. الترميز الجغرافي

أي من الأنظمة الأساسية التالية مهمل؟

أ. أندرويد
ب. JavaScript v3
جيم فلاش
د. iOS

صواب أم خطأ: يمكنك إنشاء مثيل واحد فقط من فئة خريطة JavaScript على الصفحة.

أي مما يلي ليس عنصر تحكم مدمج يمكن استخدامه على الخريطة؟

رأي العين الطيور
ب. عموم
C. MapType
د. ستريت فيو

أي من الوظائف التالية يمكنها تغيير مستوى تكبير / تصغير الخريطة.

A. map.setCenter
B. map.changeZoom
جيم map.setZoom
D. map.zoom

صواب أم خطأ: إذا كنت تريد أن يبحث تطبيق JavaScript Google Maps API الخاص بك عن الأماكن ، فيجب عليك تحميل مكتبة أماكن إضافية من خلال طلب التمهيد.

ما نوع الكائن هو خاصية الموضع لـ MarkerOptions؟

أ. خرائط google.maps.LatLng
ب. google.maps.point
ج. خرائط google.maps.LatLngBounds
د. خرائط جوجل. شاربي

أي فئة تُستخدم لعرض نص أو صور في نافذة منبثقة متصلة بعلامة؟

A. خيارات Marker
ب. InfoWindow
C. InfoOptions
د. MapOption

ما الوظيفة التي تستدعيها لجعل الخريطة تحتوي على حدود معينة.

أ. map.fitBounds (LatLngBounds)
B. map.setCenter (LatLng)
ج. map.fitBounds (GeographicBounds)
D. map.panTo (LatLng)

ما هي الطريقة الصحيحة لإنشاء كائن API لخرائط Google يمثل نقطة على الخريطة؟

A. new LatLng (lat: number، lng: number)
ب. IconPoint الجديدة (خط الطول: رقم ، Lng: رقم)
C. New PointCode (lat: number، lng: number)
د. الكود الجغرافي الجديد (خط الطول: رقم ، lng: رقم)

ما الوظيفة التي تحدد HTML المضمن في InfoWindow؟

أ. infoWindow.html (HTMLstring)
ب. infoWindow.setContent (HTMLstring)
ج. infoWindow.setHTML (HTMLstring)
د. infoWindow.innerHTML (HTMLstring)

ما مساحة الاسم التي يجب أن يتم تسجيل مستمعي الأحداث بها للاستماع إلى أحداث API لخرائط Google؟

أ. events.maps.google
ب. خرائط google.api
ج. حدث خرائط google
د. خرائط google

كيف يمكنك إضافة علامة إلى خريطة موجودة ، تسمى "myMap"؟

أ. marker.setMap (myMap) أو var marker = new marker ()
علامة var = علامة جديدة ()
ج. map.add (علامة)
D. marker.setMap (خريطة)

ما معلمة سلسلة الاستعلام المضافة إلى عنوان url لواجهة برمجة التطبيقات الخاصة بالخرائط والتي ستستدعي وظيفة مسماة بعد تحميل واجهة برمجة تطبيقات الخرائط؟

وظيفة
محملة ب
ج. رد الاتصال
D. afterload

أي مما يلي لا يمثل وسيطة لمعالج الحدث addListener ()؟

أ. الكائن الذي وقع فيه الحدث
B. مرحلة فقاعات من الحدث
C. الحدث الذي يستمع إليه المعالج
D. وظيفة للاستجابة للحدث

ما هو كائن التراكب الذي ستستخدمه لرسم شكل مغلق على الخريطة بمجموعة من كائنات LatLng؟

أ. متعدد الخطوط
ب. الشكل
C. علامة
D. المضلع

كيف يمكنك تحديد ما إذا كان إطار عرض الخريطة الحالي يحتوي على نقطة معينة؟

أ. map.getBounds.Overlaps (LatLng)
B. map.getBounds (). تحتوي على (LatLngBounds)
ج. map.getBounds (). يحتوي على (LatLng)
يحتوي الخريطة على (LatLng)

أي مما يلي ليس نوع خريطة أساسية صالحًا؟

أ. التضاريس
B. STREETLEVEL
جيم - خارطة الطريق
D. الأقمار الصناعية

ما هو الكائن الذي يحدد مستطيلًا جغرافيًا على الخريطة باستخدام كائنين LatLng؟

أ. LatLngBounds
ب. الحدود الجغرافية
C. LatLng
D. الحدود

ما خاصية MarkerOptions التي تحدد مكان وضع العلامة على الخريطة؟

نقطة
ب. المركز
C. الموقف
D. latLng

ما هي خصائص MapOptions المطلوبة عند إنشاء خريطة جديدة؟

أ. التكبير
ب. mapDiv
C. التكبير والوسط
مركز D.

كيف يمكنك توسيع كائن LatLngBounds للتأكد من احتوائه على نقاط إضافية؟

أ. latLngBounds.add (newLatLng)
B. latLngBounds.extend (newLatLng)
C. latLngBounds.contain (newLatLng)
د. (لا شيء من هؤلاء)

كيف يمكنك استرداد مجموعة من العلامات التي تمت إضافتها إلى الخريطة؟
A. var markers = map.markers
B. var markers = map.getMarkers ()
C. لا تتم إدارة التراكبات المضافة إلى الخريطة بواسطة الخريطة ويجب إدارتها يدويًا.
D. var markers = map.getOverlays (“marker”)

ما هي طريقة فئة الخريطة المستخدمة لتحريك انتقال مركز الخريطة إلى LatLng جديد؟

A. panTo
ب
جيم المركز الجديد
D. panCenter

ما خاصية MarkerOptions التي تسمح لك بتعيين صورة مخصصة للعلامة؟

أ. أيقونة
الصورة
C. markerImage
D. الصورة

ما مستوى التكبير الذي يعرض خريطة الأرض مصغرة بالكامل؟

ما هي خاصية DOM التي تمكنك من اكتشاف أجهزة iPhone و Android؟

أ. الملاح.وكيل المستخدم
B. device.deviceType
C. الملاح. المحمول
د. الملاح. نوع الجهاز

أي مما يلي ليس نوعًا من البحث عن مكان يمكن إجراؤه باستخدام خدمة الأماكن؟

نص
ب. متعدد المستويات
جيم القريبة
D. الرادار

كيف يمكنك تحميل البيانات الواردة في ملف KML على خريطة جوجل؟
أ. map.loadKml (stringUrl)
ب. (لا شيء من هؤلاء)
ج. KmlLayer الجديد ()
د. map.addKml (stringUrl)

ما هي الفئة التي يمكن استخدامها لإنشاء تراكبات مخصصة؟

أ. كائن
B. OverlayView
جيم ماركر
D. تراكب

إذا قمت بإنشاء علامة ولكن لم تحدد خريطتها في خيارات العلامة ، فيمكنك تحديد الخريطة لاحقًا باستخدام هذه الصيغة:

A. marker.setMap (خريطة)
B. map.setMarker (علامة)
C. marker.setMarker (خريطة)
D. map.markerOptions (علامة)

عند التعيين إلى true ، فإن الخاصية القابلة للسحب لفئة directionRenderer تمكن المستخدم من:

أ. اسحب الخريطة إلى نقطة مركزية جديدة.
ب. اسحب عنصر التحكم في الاتجاهات إلى موقع جديد.
ج. قم بتعديل مسار بسحب الخطوط المتعددة لمسار المسار.
د. اسحب علامة إلى موقع جديد.

أي فئة تُستخدم لرسم تراكب لمقاطع الخط المتصلة؟

ألف رسم
ب. متعدد الخطوط
تراكب الخط
D. المضلع

أي مما يلي سيستدعي دالة testFunction عند النقر فوق div المسمى testDiv؟

أ. google.maps.event.addDomListener (testDiv ، "click" ، testFunction)
ب. (لا شيء من هؤلاء)
ج. google.maps.event.addListener (testDiv ، "click" ، testFunction)
د. google.maps.onClick (testDiv، testFunction)

ما هو الحد الأقصى لعدد الإحداثيات المسموح بها في طلب اتجاهات غير متعلقة بالعمل؟

أي من الأحداث التالية يتم تشغيله بعد تغيير التكبير / التصغير على الخريطة؟

أ. bounds_changed
تغيرت ب
C. Center_changed
D. تغيير الحجم

كيف يمكنك إزالة علامة من الخريطة؟

إزالة الخريطة (علامة)
B. marker.setVisible (false)
ج. marker.setMap (فارغ)
D. marker.destroy ()

كيف يمكنك تغيير حجم الخريطة بعد تغيير حجم العنصر الذي يحتوي عليها؟

أ. google.maps.event.trigger (الخريطة ، "تغيير الحجم")
ب. map.setSize (newSize)
C. map.resize ()
د. google.maps.event.trigger (الخريطة ، "resizeMap")

ما هي خاصية MarkerOptions التي تحدد نص التمرير لعلامة؟

أ. markerText
B. rolloverText
ج- تلميح الأدوات
العنوان

ما هي الفئة المستخدمة لعرض نتائج استعلام الاتجاهات؟

أ. التوجيهات
ب. الاتجاهاتطلب
جيم الاتجاهات النتيجة
D. الاتجاهات العرض

ما هو الكائن الذي يجب استخدامه لتحديد رغبتك في إضافة عناصر تحكم إلى الخريطة؟

A. MapOptions
B. AddControls
خيارات التحكم
D. MapControls

أي مما يلي ليس من المكتبات الإضافية التي يمكنك تحميلها في تطبيق JavaScript Google Maps API؟

الطقس
B. adsense
C. الهندسة
د. الطبوغرافيا

ما الوظيفة التي ستحرك الخريطة إلى نقطة مركزية محددة حديثًا ، بشرط أن يكون التغيير أقل من عرض الخريطة وارتفاعها؟

أ. setCenter
ب. setZoom
C. panToBounds
D. panTo

ما هي الفئة التي تسمح للمستخدمين برسم التراكبات على الخريطة بأنفسهم؟

أ. OverlayControl
B. OverlayManager
C. DrawingManager
مكتبة الرسم

أي مما يلي ليس موقع ControlPosition صالحًا؟

أ. Center_Bottom
ب. المركز الأيمن
جيم - أعلى اليمين
D. Bottom_Center

ما الوظيفة التي ترجع LatLng بناءً على موضع البكسل؟

أ. getPositionOf
ب. fromDivPixelToLatLng
C. fromPointToLatLng
D. fromPixelToLatLng

ما هو جزء الخريطة الذي يجب إضافة OverlayView إليه إذا كنت تريده أن يستجيب لأحداث النقر؟

أ. صورة تراكب
B. overlayMouseTarget
C. MapPane
D. تراكب طبقة

صح أم خطأ: سيتم عرض نتائج الاتجاه من تورنتو ، أونتاريو إلى ميلووكي ، ويسكونسن بالأميال افتراضيًا.

صواب أم خطأ: تمرر تغييرات حالة MVC الوسائط في أحداثها.

ما خاصية RectangleOptions التي تسمح للمستخدم بتغيير حجم المستطيل؟

قابل للتحرير
ب. قابل للنقر
C. يمكن تغيير حجمها
D. السحب

كيف يمكنك إضافة عنصر تحكم مخصص إلى الخريطة؟

أ. map.controls [ControlPosition] .push (customControl)
B. map.controls [ControlPosition] .add (customControl)
ج. map.addControl (CustomControl، ControlPosition)
د. map.controls.add (customControl، ControlPosition)

ما هي الفئة المستخدمة لإنشاء نوع خريطة جديد وتطبيق الأنماط عليه؟

A. MapType
B. MapTypeControlOptions
جيم MapTypeStyler
D. StyledMapType

كيف يمكن للعلامة أن تكون أماكن بحيث يكون من المؤكد وضعها فوق أي محددات أخرى موجودة؟

أ. marker.setZIndex (google.maps.Marker.MAX_ZINDEX + 1)
B. marker.setZIndex (999)
ج. map.addMarker (marker، google.maps.Marker.MAX_ZINDEX + 1)
D. marker.bringToFront ()

ما الكائن الذي يمثل مجموعة من إحداثيات x و y على الخريطة؟

أ. بكسل
B. LatLngBounds
C. الموقف
نقطة D.

ما هي طريقة OverlayView التي ستقوم بتهيئة عناصر html لإضافتها إلى الخريطة؟

أ. setMap
ب. رسم
C. onAdd
إضافة D.

ما الكائن هو أكثر الوحدات الذرية للمسار التي تم إرجاعها استجابةً لطلب الاتجاهات؟

أ. DirectionRoute
B. الاتجاه الخطوة
C. DirectionLeg
D. نتيجة الاتجاه

كيف يمكنك توسيع كائن LatLngBounds لاحتواء كائن LatLngBounds آخر؟
أ. latLngBounds.add (otherLatLngBounds)
B. latLngBounds.union (otherLatLngBounds)
ج. (كل هذه ستعمل)
د. latLngBounds.expand (otherLatLngBounds)

ما هي طريقة OverlayView التي ستكون فيها عناصر html للتراكب؟

أ
B. onAdd
ج. تعيين الخريطة
D. رسم

كيف يمكنك استدعاء دالة testFunction فقط في المرة الأولى التي يتم فيها تحميل الخريطة؟


هل انتهى العالم بعد؟ المحاولة الأولى لتطوير الويب

على الرغم من الغباء المطلق في ذلك ، يستمر الجميع في السير حول نهاية العالم كما & # 8220 متنبأ & # 8221 حسب تقويم المايا. ناشيونال جيوغرافيك حتى وخصصت يوم كامل لها. بناءً على هذا الموضوع ، قررت إنشاء صفحة ويب مريحة للغاية (وغير مجدية إلى حد كبير) تساعدك على معرفة ما إذا كان العالم قد انتهى بالفعل: http://everett.x10.mx/end-of-the-world. بي أتش بي. كان هذا المشروع بسيطًا حقًا ، ولم يكن & # 8217t يتضمن الكثير من التعليمات البرمجية أو التصميم ، وتم طرحه معًا بشكل أساسي على مدار ساعة ونصف. اتضح أن PHP سهلة للغاية إذا كان مضيفك مهيئًا لها بالفعل ، وأنا أتطلع إلى القيام ببعض الأشياء المتعلقة بتطوير الويب باستخدام PHP واللغات أو الأدوات الأخرى. كان جانب HTML من الصفحة واضحًا نسبيًا أيضًا. لقد أعجبت بما & # 8217s تصميم ممكن من الحكمة باستخدام HTML و CSS3 الحديث. كان مصدر إلهامي في هذا الموقع هو هذا الموقع المذهل: http://www.tubalr.com/

وهي تعمل كما توحي الصفحة ، من خلال استطلاع رأي google.com للحصول على رد. إذا تعطل google ، فمن المفترض أن العالم قد انتهى ، والنتيجة هي & # 8220 نعم. & # 8221 بأحرف حمراء كبيرة. PHP الذي يقوم بالخدعة هو نسخة معدلة قليلاً لما & # 8217s تم نشره على الموقع التالي: http://css-tricks.com/snippets/php/check-if-website-is-available/. الخلفية ليست لي ، لكني & # 8217 تركت الإسناد على الصورة ، ويمكنك العثور على النسخ الأصلية هنا: http://m3-f.deviantart.com/gallery/؟offset=24#/d3b4qgn.

ولأنني لا أرى أي سبب لعدم إصداره ، فإليك شفرة المصدر بالكامل للصفحة:


عرض حي

تحقق من العرض التوضيحي المباشر الذي يعرض المثال المستخدم في هذه المقالة.

نأمل أن تكون هذه المقالة قد زودتك بفهم أساسي لكيفية استخدام InfoWindows في خرائطك ولكن هناك الكثير الذي يمكن القيام به معهم. لا يزالون يفتقرون إلى الكثير من الوظائف الموجودة في واجهة برمجة التطبيقات القديمة ، مثل عرض خريطة تفصيلية بداخلها أو وجود محتوى مبوب. ربما لن تجد بعض هذه الميزات طريقها أبدًا إلى واجهة برمجة التطبيقات الجديدة ، ولكن لحسن الحظ ، من السهل جدًا إنشاء هذه الوظيفة بنفسك. اجعل عينيك مفتوحتين لكتابي القادم حيث سأشرح كيفية القيام ببعض هذه الأشياء.


خط العرض وخط الطول والارتفاعات من طرفي 300 قدم. الموضع موضع الرمز ، في عدد من التنسيقات: LatLon ، UTM ، UPS ، MGRS 25 يوليو 2014 · الحصول على إحداثيات عناوين خرائط Google (خطوط الطول والعرض) في Excel VBA.

لقد غمرني الرد قليلاً. dwg خارطة الطريق في إحداثيات خطوط الطول / العرض. نقطتا خطوط الطول والعرض (خطوط الطول / العرض) (مواضع GPS) لقد كنت أبحث عن هذه النقطة. كما أنه يحول نقاط التنسيق الفردية والدبوس على خريطة جوجل


شاهد الفيديو: تكبيرات عيد الاضحى المبارك في فرنسا 2021 كل عام وأنتم بخير وتقبل الله منا ومنكم