من 1 أكتوبر 2012 لقد قمنا بتشغيل أحدث خدمة فريدة من نوعها على الإنترنت - تظهر قائمة بالعناوين على الخريطة.
هذه هي الخدمة الملائمة الوحيدة المعروفة لنا والتي تسمح بعرض قائمة كبيرة من العناوين (على سبيل المثال ، من ملف EXCEL) بسهولة على الخريطة ومعرفة الإحداثيات الجغرافية لجميع النقاط.
هذه الخدمة سهلة الاستخدام للغاية.
تحتاج إلى إنشاء ملف بالعناوين على النحو التالي:
العنوان- العنوان في صف بأي شكل ، على سبيل المثال - سانت بطرسبرغ أو نيفسكي المحتمل ، 155 ، المبنى 3 ، أو نيفسكي 155/3
يجب كتابة العنوان في العمود الأول وبالضرورة في عمود واحد ككل. إذا كان لديك عنوان في عدة أعمدة ، فما عليك سوى دمجها في عمود واحد.
اسم النقطة (اسم النقطة)- إذا لم يكن موجودًا ، فسيضع النظام الرقم التسلسلي للنقطة.
وصف- أي نص - وصف النقطة ، يتم تحويله إلى وصف النقطة على الخريطة.
مثال على ملء الجدول:
تكمن كل قوة الخدمة الجديدة وقوتها ومزاياها في حقيقة أنه يمكن أن يكون هناك الكثير من هذه العناوين. يعالج النظام جميع العناوين ويظهر لك عملية ربط العناوين بالخريطة.
من الواضح تمامًا أن النظام لن يكون دائمًا قادرًا بشكل موضوعي على ربط العناوين بالخريطة. في بعض الأحيان يكون من المستحيل ربط العناوين.
على سبيل المثال ، يوجد شارع باركوفايا في مناطق مختلفة من سانت بطرسبرغ - في بوشكين وبافلوفسك ومناطق أخرى. لذلك ، من المستحيل ربط شارع باركوفايا وإظهاره على خريطة سانت بطرسبرغ حتى يتم تحديد المنطقة. يسمح البرنامج في عملية ربط العناوين بتحديد المناطق وحتى تحديد هجاء العنوان.
وبالطبع ، لن يتمكن البرنامج من ربط العنوان بشكل صحيح إذا تم تحديده بشكل غير صحيح ، على سبيل المثال ، "من الكشك إلى اليسار حول الزاوية".
ويعرض البرنامج النتائج الملزمة في شكل إحصائيات.
ينتج البرنامج أيضًا ملف EXCEL الناتج ، حيث يضيف عمودين بالإحداثيات (خطوط الطول والعرض).
بالإضافة إلى ذلك ، يتم عرض أكواد ربط العنوان في العمود الإضافي.
تعتبر أكواد ربط العناوين هذه مؤشرًا مهمًا للغاية. بمساعدة هذه الرموز ، يمكنك فقط تحديد العناوين الأكثر ارتباطًا بشكل صحيح من وجهة نظرك.
على سبيل المثال ، إذا لم يعثر البرنامج على مبنى معين ، فسيقوم بالبحث عن منزل بنفس الرقم ، ولكن بدون مبنى. وإذا عثرت على رقم منزل كهذا ، فستقدم الرمز الملزم المقابل.
تسمح آلية عرض قائمة العناوين على الخريطة بوضع مصفوفات (قوائم) كبيرة من العناوين (على سبيل المثال ، من ملف EXCEL) وعرضها على الخريطة ، مع عرض جميع إحداثيات النقاط المثبتة في النتيجة الناتجة .
الآلية فريدة من نوعها لأن لا توجد آلية من هذا القبيل على الإنترنت من حيث الملاءمة والقدرة على معالجة مجموعات كبيرة من العناوين من ملف في وقت واحد.
الآلية مطلوبة بشدة ، لأن لقد التقينا مرارًا وتكرارًا على الإنترنت بطلبات لمثل هذه الآلية - لعرض قائمة كبيرة من العناوين بالضبط على الخريطة.
تتمتع الآلية بميزة لا جدال فيها على google و yandex - لأنها يمكنها على الفور معالجة قوائم كاملة من العناوين ، بينما تقوم كل من google و yandex بمعالجة نفس العنوان أو تتطلب كتابة برنامج منفصل باستخدام واجهتهما الخاصة.
من الواضح أن المستخدم لن يكتب برنامجًا إذا كان يحتاج فقط إلى إظهار قوائم العناوين الكبيرة الخاصة به على الخريطة ، ولكن ببساطة استخدم خدمتنا.
يمكن البحث عن هذه الخدمة بكلمات رئيسية مختلفة ، على سبيل المثال:
جميع العناوين على الخريطة ؛
قائمة العناوين على الخريطة ؛
خدمة الإنترنت لوضع عدد كبير من عناوين النقاط على الخريطة ؛
وضع علامة على العديد من عناوين النقاط على الخريطة ؛
تحديد العناوين على الخريطة ؛
سانت بطرسبرغ موسكو خريطة استيراد عناوين Excel ؛
إظهار العناوين من قاعدة البيانات على الخريطة ؛
إظهار العناوين من ملف على الخريطة ؛
البحث بعناوين متعددة على الخريطة ؛
البحث بالعديد من العناوين على الخريطة ؛
البحث المتعدد عن العناوين على الخريطة ؛
البحث المتزامن عن عدة عناوين على الخريطة ؛
ربط العديد من العناوين بالخريطة ؛
تظهر العديد من العناوين على الخريطة ؛
تظهر العديد من العناوين من ملف على الخريطة.
رمز الحالة- رقم مكون من ثلاثة أرقام ، حيث:
الرقم الأول (المئات): وضعية الربط بالمحلية
الرقم الثاني (عشرات): حالة ربط الشارع
الرقم الثالث (الوحدات): حالة الارتباط برقم الهيكل.
ربط وجهة نظرنا:
0 - القاعدة ، تم العثور على العنصر في العنوان وهو صحيح.
1 - التسوية غائبة في العنوان ، كان مطلوبًا استبدال التسوية الافتراضية (على سبيل المثال ، بالنسبة لخريطة SPblo ، هذه التسوية هي سانت بطرسبرغ).
2 - تم العثور على المنطقة المحلية في العنوان ، ولكن تبين أنها غير صحيحة (أي أن باقي العنوان لا يتطابق معها) ، أو أن المنطقة كانت غائبة في العنوان والنقطة الافتراضية التي تم استبدالها بها لم تعمل أيضًا - كان من الضروري تغيير الموقع إلى تعسفي ، ولكن تم العثور على تطابق.
انطلق إلى الشارع
0 هو المعيار ، اسم الشارع في العنوان يتطابق تمامًا مع الاسم الموجود في قاعدة العنوان.
1 - تزامن الاسم بعد إعادة ترتيب الكلمات في الاسم (على سبيل المثال ، بدلاً من "Malaya Konyushennaya" تمت الإشارة إليه بـ "Konyushennaya Malaya").
2 - تزامن الاسم بعد استبدال الكلمة على اليسار (على سبيل المثال ، بدلاً من "شارع عام كاربيشيف" كان الاسم ببساطة "شارع كاربيشيف").
3 - الاسم المطابق بعد استبدال الكلمة الموجودة على اليمين.
4-8 - محفوظة
9- لا يوجد شارع أي تم التفتيش فقط في المنطقة دون الرجوع إلى الشارع والمنزل
التقط بالجسم
0 - القاعدة ، تم العثور على الكتاب في العنوان وهو صحيح ؛ أو لم يتم العثور على المبنى في العنوان ، وتحتوي قاعدة بيانات العناوين على منزل بدون مبنى
1 - لا يوجد سكن محدد في العنوان تم الاستبدال.
2 - لا يوجد منزل محدد في العنوان ، تم العثور على أقرب منزل من نفس التكافؤ (يختلف بما لا يزيد عن 10).
3-8 - محفوظة
9- لا بيت اي تم التفتيش فقط في المنطقة دون الرجوع الى الشارع والبيت
غالبًا ما يواجه المطورون الذين يستخدمون Yandex.Maps API مهمة عرض العديد من الكائنات على الخريطة. في الواقع ، هناك الكثير - حوالي 10000. علاوة على ذلك ، هذه المهمة مناسبة لنا أيضًا - حاول البحث عن صيدليات على Yandex. للوهلة الأولى يبدو: "ما هي المشكلة الفعلية؟ خذها واظهرها ". ولكن حتى تبدأ في القيام بذلك ، فلن تفهم أن المشاكل هي في الواقع سيارة كاملة.
يتم إرسال الأسئلة حول عدد كبير من العلامات إلى نادينا والدعم الفني بانتظام يحسد عليه. من هم كل هؤلاء الناس؟ من قد يكون مهتمًا بعرض أكثر من 10 علامات موضعية على الخريطة؟ في هذا المنشور ، سألقي نظرة فاحصة على مجموعة المشكلات بالكامل وأخبرك كيف ظهرت الأدوات في واجهة برمجة التطبيقات التي تساعد المطورين على عرض عدد كبير من الكائنات على الخريطة على النحو الأمثل.
في الأساس ، تواجه المشكلة خدمات المعلومات التي تريد ربط البيانات بالبطاقة. على سبيل المثال ، يخبر موقع bankomator.ru المستخدمين بمكان العثور على ماكينة الصراف الآلي للبنك المطلوب.
تعاني الموارد العقارية أيضًا من الكثير من البيانات. مثال صارخ هو Cian.ru.
حتى وقت قريب ، نحن أنفسنا ، داخل Yandex ، ننصح الفرق ذات الصلة بمختلف "الاختراقات" والتقنيات لعرض نقاط متعددة من خلال واجهة برمجة التطبيقات. الأمثلة الحية هي Yandex.Realty و Yandex.Taxi.
يطلب العميل (على سبيل المثال ، Safari على iPhone) صفحة index.html من الخادم. الصفحة عبارة عن مستند بالرمز التالي:
الآن نحن نعقد المهمة. لدينا قاعدة بيانات تخزن عناوين عشاق Zenit. ونريد إظهار عناوين هؤلاء المشجعين على الخريطة.
حل المشكلة "وجهاً لوجه":
إذا كنت مدير مشروع ومطورك يوضح مثل هذا الحل ، فمن المحتمل أن تتحول إلى اللون الرمادي. سوف تعبر له عن حكمك القيم. إذا أزلنا اللغة البذيئة ، فيمكن إبراز النقاط التالية:
باختصار - يمكنك إنشاء صور شفافة بعلامات على الخادم بالإضافة إلى وصف نصي للعلامات. يمكن للعميل مراقبة المنطقة المرئية من الخريطة وطلب البيانات المطلوبة للمنطقة المرئية حاليًا من الخريطة.
باستخدام النقاط الساخنة ، على سبيل المثال ، يتم رسم الاختناقات المرورية على maps.yandex.ru. تم إنشاء موقع bankomator.ru باستخدام نفس التقنية.
هذه التكنولوجيا لها العديد من العيوب الهامة.
1. جانب الخادم معقد للغاية.حاول في وقت فراغك أن تكتب وحدة تولد مثل هذه الصور وأوصافها الهندسية ، وستفهم كل شيء.
2. عدم المرونة المطلقة.لا يمكن "رفع" علامة موضعية عند تحريك الماوس فوقها. من المستحيل تغيير مظهر الملصقات على العميل بسرعة. باختصار ، لأي عطسة ، عليك أن تطلب من الخادم إعادة إنشاء الصورة.
لذلك ، كان المستخدمون يدورون بأفضل ما في وسعهم ، بدون نقاط فعالة - قاموا بنقل مجموعات من الكائنات الفردية إلى العميل على دفعات ، خلال مهلة. في الوقت نفسه ، كانت المشاكل تنتظرهم مرة أخرى على العميل. إذا كنت قد مررت 1000 نقطة للعميل ، فكيف ترسمها؟
من كل نقطة ، كان من الضروري إنشاء كائن ymaps.Placemark وإضافته إلى الخريطة. كان من الممكن إضافة تسميات إلى العنقود (ymaps.Clusterer) وإضافة التسميات العنقودية إلى الخريطة. وتجدر الإشارة هنا إلى أنه عند تجميع 10000 نقطة ، يجب أولاً إنشاء مثيل لهذه النقاط البالغ عددها 10000 نقطة ، ثم نقلها إلى جهاز التجميع. بمعنى ، قد لا تظهر التسمية على الخريطة ، حيث سيتم تضمينها في المجموعة ، لكننا سنمضي الوقت في تهيئتها.
بتلخيص كل هذه الأشياء ، قررنا كتابة وحدة تسمح بما يلي:
هل تحتاج إلى كل قوة البرنامج هذه للحالة عندما يحتاج المطور فقط إلى إظهار الكثير من نفس النوع من الملصقات على الخريطة؟ هذا صحيح ، ليس هناك حاجة.
لذلك ، كانت البصيرة الأولى على النحو التالي: دعنا ننقل جميع وحدات الملصقات المساعدة إلى مكون مشترك واحد ولكل كائن فردي ، سننشئ فقط كيانًا برمجيًا مسؤولًا بشكل مباشر عن العرض.
جاءت البصيرة الثانية عندما فكرنا في مشكلة عمليات تهيئة البرامج غير الضرورية. نتذكر القصة أعلاه ، في مكان ما في منطقة هذه الصورة.
أردنا التخلص من عمليات تهيئة البرامج غير الضرورية ، وتوصلنا إلى واحدة رائعة. استرخ ، الآن سيكون هناك إيحاء: إذا كانت عمليات تهيئة البرامج غير الضرورية تتداخل معك ، فلا تفعلها.
قررنا أننا سنخزن بيانات مخصصة حول الكائنات (في الواقع ، في JSON) ، وسيتم إنشاء الكيانات البرمجية للكائنات فقط عندما يلزم رسم كائن على الخريطة.
بعد الجمع بين هذه الأفكار وبعض التطوير ، وُلدت وحدة API جديدة لعرض عدد كبير من الكائنات النقطية - ymaps.ObjectManager.
يتم تغذية وصف JSON للكائنات إلى مدخلات هذا المدير.
يحلل المدير العلامات التي تقع في المنطقة المرئية من الخريطة ويرسم إما تسميات أو عناقيد هذه التسميات ويعرض النتيجة على الخريطة.
لرسم تسميات ومجموعات على الخريطة ، أخذنا جزءًا فقط من ymap. كائن العلامة الموضعية (أي ymaps.overlay. *) ، والذي كان مسؤولاً فقط عن عرض العلامة الموضعية على الخريطة. أدخلنا البنية التحتية بأكملها مثل البالونات والتلميحات في مكون مشترك واحد.
سمحت لنا هذه التقنيات بإحراز تقدم جيد في مسألة تقديم عدد كبير من الملصقات على العميل. فيما يلي مكاسب السرعة التي حصلنا عليها:
الرسم البياني 1. سرعة إنشاء الكائنات وإضافتها إلى الخريطة مع العرض غير المتزامن اللاحق للجزء المرئي منها
الرسم البياني 2. سرعة إنشاء الكائنات وإضافتها إلى الخريطة مع العرض المتزامن اللاحق للجزء المرئي منها
ملاحظة مهمة.كل هذه الإحصائيات صالحة للمتصفحات الحديثة. IE8 ليس من بين تلك المتصفحات. لذلك ، ستكون الأرقام بالنسبة له أسوأ بكثير ، لكنني أعتقد أن الأمر لا يهم بالنسبة للأغلبية.
تمكنا من تسريع إنشاء الكائنات وعرضها بشكل مباشر ، بالإضافة إلى ذلك ، قمنا بتحسين تهيئة كيانات البرامج قدر الإمكان. يمكنك الآن ، على سبيل المثال ، تجميع 50000 نقطة على العميل ، وسيكون من المريح العمل مع الخريطة.
يمكنك قراءة المزيد عن الوحدة في دليل المطور الخاص بنا ، والاطلاع على أمثلة حية لعمل الوحدة في وضع الحماية.
لذلك ، تعلمنا كيفية رسم النقاط وتجميعها بسرعة على العميل. ماذا بعد؟
لحل هذه الحالات ، تم كتابة وحدات و RemoteObjectManagerعلى التوالي كلا الوحدتين تعتمدان بشكل أساسي على التنفيذ ObjectManager، ولكن لديك عددًا من الاختلافات في خوارزمية تحميل البيانات المحملة وتخزينها مؤقتًا.
نتيجة لذلك ، نظرًا لأن المستخدم يعمل مع الخريطة ، فسوف يتلقى البيانات من قاعدة البيانات الخاصة بك. في مرحلة ما ، سيتم تحميل كل البيانات أو الجزء الضروري منها ولن يتم إرسال الطلبات إلى الخادم تمامًا.
يتم تخزين البيانات على العميل في شجرة العلاقات العامة ، وبالتالي ، يتم إجراء التحديدات بسرعة كبيرة حتى بالنسبة لكمية كبيرة من البيانات.
الآن دعنا نناقش الخيار الثاني - عرض نتائج مجموعات الخادم على العميل. لنفترض أنك كتبت مجموعة تسمية من جانب الخادم. لقد كتبت أيضًا برنامجًا نصيًا ، بناءً على طلب العميل ، قادر على إرجاع المجموعات والعلامات الفردية التي لم يتم تضمينها في المجموعة.
عليك فقط إنشاء مثيل RemoteObjectManagerواكتب فيها الطريق إلى هذا السيناريو الرائع. RemoteObjectManagerسيعمل بنفس الطريقة التي يعمل بها. الاختلاف الوحيد هو أننا سوف نعيد طلب البيانات من الخادم في كل مرة يتم فيها تغيير التكبير / التصغير.
نظرًا لأن البيانات مجمعة على الخادم ، يمكن للخادم والخادم فقط معرفة البيانات المطلوبة والتي لا يلزم عرضها في الوقت الحالي على الخريطة. لذلك ، يتم تخزين المعلومات حول الكائنات على العميل فقط حتى يتم تغيير التكبير / التصغير الأول ، ثم يتم طلب كل شيء مرة أخرى.
إذا تم إرسال وصف لعلامة المجموعة من الخادم ، فحينئذٍ ستلتقط هذه العلامات على العميل البنية التحتية بالكامل من واجهة برمجة التطبيقات - سيتم رسم رموز خاصة للمجموعات ، وستعمل جميع السلوكيات القياسية معهم ، وما إلى ذلك وهكذا. إيابا.
عند عرض منطقة معينة من الخريطة على الصفحة ، تحسب وحدة العميل المربعات الموجودة في هذه المنطقة المرئية ، وتتحقق من وجود البيانات الضرورية وترسل طلبات البيانات حسب الحاجة.
تحتوي وحدة العميل على إعدادات تجعلها ترسل طلبات لكل بلاطة جديدة على حدة. لماذا هذا مهم؟ نعم ، لأننا نحصل على عدد محدود من الخيارات لطلب العميل إلى الخادم.
تكبير = 0 ، تجانب =
التكبير = 1 ، البلاط =
التكبير = 1 ، البلاط =
التكبير = 1 ، البلاط =
التكبير = 1 ، البلاط =
تكبير = 2 ، تجانب =
…
نظرًا لأن الطلبات معروفة مسبقًا ، يمكن أيضًا إنشاء الردود على الطلبات مسبقًا. دعونا ننظم بعض هياكل الملفات على الخادم.
ستخزن الملفات شيئًا مثل هذا:
MyCallback_x_1_y_2_z_5 (("type": "FeatureCollection"، "features": [("type": "Feature"، "id": 0، "geometry": ("type": "Point"، "الإحداثيات" :)، "الخصائص": ("balloonContent": "Balloon content"، "clusterCaption": "Label 1"، "hintContent": "Tooltip text")) ، ...])
عند تحميل مثل هذا الملف ، سيتم استدعاء رد اتصال JSONP المكتوب في الملف على العميل. ستنتقل البيانات إلى أعماق LoadingObjectManager ، ويتم تخزينها مؤقتًا وتقديمها بالشكل المطلوب.
نتيجة لذلك ، من الممكن تخزين الملفات الثابتة فقط مع مجموعات البيانات على الخادم ، وسيقرر جزء العميل بنفسه ما يطلبه ويظهر متى.
في هذه الحالة ، يمكن الاستمرار في تخزين البيانات في ملفات منفصلة. عندما يتلقى العميل طلبًا للحصول على بيانات في منطقة مستطيلة معينة ، سيكون كافيًا لصق محتويات عدة ملفات في استجابة واحدة وإرسالها مرة أخرى إلى العميل.
بشكل عام ، يعد تخزين البيانات المحددة جغرافيًا على خادم وتجميعها موضوعًا لمحادثة منفصلة. لذلك سنناقشها مرة أخرى.
| وحدة | مزايا | عيوب |
|---|---|---|
| ObjectManager | يتم تنفيذ العرض فقط لتلك الكائنات التي تقع في المنطقة المرئية من الخريطة. ليست هناك حاجة لتطبيق جانب الخادم حيث تتم معالجة البيانات من جانب العميل. |
يتم تحميل البيانات لجميع الكائنات دفعة واحدة (حتى بالنسبة لتلك الكائنات التي لا تقع في المنطقة المرئية من الخريطة). يتم تجميع الكائنات من جانب العميل. |
يتيح تجميع الكائنات على العميل. يقوم بتحميل البيانات فقط للمنطقة المرئية من الخريطة. يحفظ البيانات التي تم تنزيلها. لكل كائن ، يتم تحميل البيانات مرة واحدة فقط. يسمح لك بتصفية الكائنات كما يتم عرضها. |
يدعم العمل مع الملصقات فقط. يتم تجميع الكائنات من جانب العميل. |
| RemoteObjectManager | يستخدم تجميع البيانات من جانب الخادم. يتم تخزين بيانات الكائن على الخادم. في كل مرة ، يتم تحميل البيانات فقط لتلك الكائنات التي تقع في المنطقة المرئية من الخريطة. |
يدعم العمل مع الملصقات فقط. عندما تقوم بتغيير عامل القياس ، يتم تحميل البيانات مرة أخرى (حتى بالنسبة لتلك الكائنات التي تم تحميل البيانات الخاصة بها بالفعل). تحتاج إلى تنفيذ المجموعات الخاصة بك. من الضروري تنفيذ جانب الخادم. |
في الوقت الحالي ، نحن ندعم فقط العمل مع الكائنات النقطية. دعم المضلعات والخطوط المتعددة الأشكال والأشكال الجميلة الأخرى في الطريق وسيظهر في الإصدارات المستقبلية.
متى يجب أن تفكر في استخدام هذه الوحدات؟ في أي موقف تقريبًا حيث تحتاج إلى رسم الكثير من الكائنات النقطية على الخريطة.
العلامات:
في هذه المقالة ، أريد أن أبدأ سلسلة من المقالات حول العمل مع Yandex.Maps API. توثيق Yandex.Maps مكتمل تمامًا ، ولكن درجة تجزئة المعلومات فيه عالية ، عندما تذهب إلى التوثيق لأول مرة ، لا يمكنك معرفة ذلك بدون نصف لتر ، ولحل مشكلة يمكنك إنفاق الكثير من المال وقت البحث في الوثائق وفي محرك البحث. ستتحدث هذه السلسلة من المقالات عن الحلول العملية لحالات الاستخدام الأكثر شيوعًا لـ Yandex.Maps API ، الأحدث ، في وقت كتابة هذا التقرير ، الإصدار 2.1.
عند ترميز موقع في معلومات الاتصال ، غالبًا ما يكون من الضروري إدراج خريطة يتم فيها وضع علامة على موقع المنظمة التي يتم تطوير الموقع من أجلها. في أبسط الحالات ، يمكن أن تكون هذه مجرد لقطة شاشة من الخرائط عبر الإنترنت (أو ليست عبر الإنترنت):
يمكن استخدام مُنشئ الخريطة لإدراج خريطة تفاعلية
https://tech.yandex.ru/maps/tools/constructor/:
إذا كنا بحاجة إلى استخدام أكثر تقدمًا للخرائط (العلامات الخاصة بنا ، والحركة الآلية للخرائط ، وما إلى ذلك) ، فحينئذٍ نحتاج إلى استخدام واجهة برمجة تطبيقات Yandex.Maps: https://tech.yandex.ru/maps/jsapi/. كمثال على استخدام الخرائط ، ستنظر هذه المقالة في إنشاء خريطة مع إضافة بسيطة للملصقات والبالونات المخصصة.
أولاً ، دعنا نربط مكونات API:
إذا كنت تقوم بتطوير تطبيق كبير باستخدام الخرائط ، فمن الأفضل توصيل مكونات واجهة برمجة التطبيقات لإصدار معين بحيث عند تحديث واجهة برمجة التطبيقات على جانب Yandex ، لا يحدث أي عطل في الإنتاج:
يجب وضع الخريطة في كتلة ما ، على سبيل المثال ، في div # الخريطة... بعد ذلك ، يجب إنشاء الخريطة في هذه الكتلة (بعد تشغيل الخريطة وحدث جاهز DOM):
| ymaps.ready (init) ؛ الوظيفة init () (var myMap؛ myMap = new ymaps.Map ("الخريطة" ، (المركز: [55.76 ، 37.64] ، التكبير: 7)) ؛) |
نشير هنا إلى:
بشكل افتراضي ، تنشئ Yandex.Maps الكثير من العناصر غير الضرورية التي لا تكون ضرورية في معظم الحالات على المواقع. في الأساس ، يكفي تطبيق شرطين على عناصر التحكم وسلوك الخريطة:
للوفاء بهذه المتطلبات ، نكمل الكود:
| ymaps.ready (init) ؛ الوظيفة init () (var myMap؛ myMap = new ymaps.Map ("الخريطة" ، (المركز: [55.76 ، 37.64] ، التكبير: 13 ، عناصر التحكم :)) ؛ myMap.behaviors .disable ("scrollZoom") ؛ myMap. عناصر التحكم. add ("zoomControl"، (position: (top: 15، left: 15))))؛) |
هنا قمنا بتعطيل "ScrollZoom"وأضاف "ZoomControl"من الزاوية اليسرى العليا.
نحتاج الآن إلى إضافة ملصق إلى الخريطة ، بالنسبة للمقال ، قم بتنزيل صورته من http://medialoot.com/item/free-vector-map-location-pins/ ووضعه في الكود كما يلي:
| ymaps.ready (init) ؛ الوظيفة init () (var myMap؛ myMap = new ymaps.Map ("الخريطة" ، (المركز: [55.7652 ، 37.63836] ، التكبير: 17 ، عناصر التحكم :)) ؛ myMap.behaviors .disable ("scrollZoom") ؛ myMap. عناصر التحكم. add ("zoomControl"، (position: (top: 15، left: 15)))؛ var myPlacemark = new ymaps.Placemark ([55.7649، 37.63836]، ()، (iconLayout: "default # image"، iconImageHref :، iconImageSize: [40، 51]، iconImageOffset: [- 20، - 47]))؛ myMap.geoObjects .add (myPlacemark)؛) |
نحن هنا نعلن عن متغير myPlacemark، حيث نكتب العلامة ، في المعلمة الأولى ymapنحدد إحداثيات الملصق ، وفي المعلمة الثالثة:
ومن خلال myMap.geoObjects.add ()إضافة تسمية إلى الخريطة.
والآن سنقوم بعمل بالون ، والذي سيظهر عندما نضغط على ملصق الخريطة ، سنأخذ تخطيط البالون ومحتوياته من http://designdeck.co.uk/a/1241
| ymaps.ready (init) ؛ الوظيفة init () (var myMap؛ myMap = new ymaps.Map ("الخريطة" ، (المركز: [55.7652 ، 37.63836] ، التكبير: 17 ، عناصر التحكم :)) ؛ myMap.behaviors .disable ("scrollZoom") ؛ myMap. عناصر التحكم. add ("zoomControl"، (position: (top: 15، left: 15)))؛ var html = " "؛ html + = " "؛ var myPlacemark = new ymaps.Placemark ([55.7649، 37.63836]، (balloonContent: html)، (iconLayout:" default # image "، iconImageHref: "http: //site/files/APIYaMaps1/min_marker.png"، iconImageSize: [40، 51]، iconImageOffset: [- 20، - 47]، balloonLayout: "default # imageWithContent"، balloonContentSize: [289، 151]، balloonImageHref: "http: //site/files/APIYaMaps1/min_popup.png"، balloonImageOffset: [- 144، - 147]، balloonImageSize: [289، 151]، balloonShadow: false))؛ myMap.geoObjects .add (myPlacemark) ؛ ) "
؛ html + = " "؛ html + = " "؛ html + ="حدائق برج فيكتوريا " ؛ html + = ""؛ html + = "مدينة لندن "؛ html + =" "؛ html + ="المملكة المتحدة "؛ html + ="020 7641 5264 "؛ html + =" |
نحن هنا:
خطط بصريًا لمسار رحلة مستقبلية أو حدد الأماكن التي كنت فيها بالفعل - كل هذا يمكن القيام به في خرائط Google ، أثناء بناء الطرق وحساب المسافة. وكذلك تحديد مسارات الرحلات ورحلات التنزه. الكل في الكل ، الطريقة المثالية لربط السفر بالخرائط بحيث يكون كل شيء تفاعليًا وغنيًا بالمعلومات.
دعنا نحاول اكتشاف هذه الخدمة الأكثر فائدة للمسافرين ، وكذلك التعرف على بطاقات الخدش التي يمكن تعليقها على الحائط في المنزل وتمييز البلدان التي تمت زيارتها.
لا أعرف شيئًا عنك ، لكن خرائط Google كانت دائمًا تسبب لي نوعًا من الذهول ، اعتقدت دائمًا أنه من الصعب جدًا استخدامها ولم أجرؤ على الجلوس واكتشاف ذلك. ولكن ، كما قال تشي جيفارا: "لنكن واقعيين ونفعل المستحيل" ، وقد تغلبت على رهابي أمام خرائط Google ، واخترت يومًا لفهمه تمامًا. ومرة أخرى كنت مقتنعًا بأن كل شيء يبدو معقدًا للوهلة الأولى يتضح أنه بسيط ومفهوم في النهاية.
علاوة على ذلك ، كان لدينا سابقًا خبرة في الخدمة ، عندما تعلمنا كيفية التخطيط للأعمال والسفر.
من الناحية المثالية ، تعمل الخدمة في متصفح Google الأصلي - Ghrome ، في Opera لا يهم على الإطلاق يتم عرضه وإبطائه. عند العمل بالخرائط ، أنصحك باستخدام Chrome أو Mozila.
لذلك دعونا ننشئ العلامات الموضعية الخاصة بنا على الخريطة. بادئ ذي بدء ، اذهب إلى خرائط جوجلوانتقل إلى قسم "مساراتي" ، هنا ستحتاج إلى النقر فوق رابط "إنشاء":
على الخريطة التي تم إنشاؤها ، سترى طبقة ، تشبه إلى حد ما الطبقات في Photoshop. يوجد أسفل نموذج البحث شريط أدوات متاح للعمل. يسمى:
لذلك ، نأخذ الأداة وعلامات المركز الأول في تلك المواقع التي كنا فيها بالفعل:
ستتم إضافة جميع تسميات الموقع إلى طبقة واحدة تم إنشاؤها تلقائيًا باستخدام الخريطة الجديدة.
بعد وضع العلامات الضرورية على الخريطة ، يمكنك البدء في ملئها بالأوصاف أو مقاطع الفيديو أو الصور الفوتوغرافية.
للقيام بذلك ، حدد الأداة ، وحدد العلامة التي تحتاجها للتحرير وانقر فوق الرمز بالكاميرا:
بعد ذلك ، ستفتح نافذة لتنزيل المحتوى وإرفاقه بالعلامة. يمكن أن تكون صورة تم تحميلها في مكان ما على الإنترنت ، أو مقطع فيديو من Youtube. يمكن أيضًا العثور على الصورة من خلال البحث في Google عن الصور. لا يمكنك تحميل صورة مباشرة من جهاز كمبيوتر إلى خرائط Google.
إذا كنت لا تعرف مكان تحميل صورتك على الإنترنت ، بحيث يكون هناك رابط مباشر للإدراج ، فأنا أوصي بخدمة ipic.su ، أو استخدم خدمة تخزين الملفات السحابية لـ Dropbox.
هناك طريقتان لقياس المسافة - باستخدام أداة المسطرة وأداة الخط. الآن دعونا نلقي نظرة فاحصة على عمل كل منهم.
مثال على كيفية عمل أداة Ruler
1. المسطرة مناسبة لقياس المسافة على طول خط مستقيم ، من النقطة أ إلى النقطة ب. إذا قمت برسم شكل مغلق باستخدام "المسطرة" ، فيمكنك رؤية مساحة هذا الشكل.
2. بمساعدة خط ، يمكنك رسم نوع من الأشكال المغلقة ، على سبيل المثال ، المنطقة التي تسافر فيها حاليًا. كما هو الحال مع المسطرة ، بالنسبة للشكل المغلق ، ستكون لديك معلومات متاحة عن مساحتها والمسافة على طول الحدود.
يتم رسم مسار على الخريطة لسيارة بنفس الطريقة باستخدام خط. أنت تضع النقطة أ ، ثم النقطة ب وتحسب الخدمة المسافة والمسار على طول الطرق الرسمية.
على اليسار في الصورة المنطقة المحددة بواسطة "الخط" ، على اليمين الطريق الممهد
يتم إنشاء المسار على طبقة جديدة. للحصول على إحصائيات مفصلة ، انتقل إلى قائمة الطبقة مع المسار الممهد وانقر على رابط "تفاصيل المسار" لعرض المسار بأكمله بمزيد من التفاصيل:
يمكنك تغيير وسيلة النقل على طول الطريق ، يمكن أن تكون دراجة أو مسارًا للمشي. لكن هذا أكثر صلة بأوروبا وأمريكا ، حيث توجد طرق للدراجات ويتم إضافتها إلى الخرائط.
إذا كنت تعرف إحداثيات منطقة معينة ، ففي مربع بحث خرائط Google ، أدخل خط الطول وخط العرض من خلال مسافة. من المهم بهذا الترتيب! الفاصل بين الدرجات والدقائق العشرية هو نقطة.
خيارات التسجيل:
دعونا نجد إحداثيات السفينة الغارقة بريتانيا من كتاب "أطفال القبطان غرانت" لجول فيرن كمثال.
تابع هاري غرانت ، "هناك ، تحمل باستمرار مصاعب شديدة ، ألقوا هذه الوثيقة على خط طول مائة وثالث وخمسين درجة وخط عرض سابع وثلاثين درجة وإحدى عشرة دقيقة. ساعدهم وإلا سيموتون ".
وبحسب مؤامرة الكتاب فمن المعروف أن نصف الكرة الأرضية الجنوبي والجزء الغربي. دعنا نعيد حساب الدقائق إلى رقم عشري ونحصل على إحداثيات الخريطة:
إذا قمت بتمييز نقطة ما وتريد إظهارها لأصدقائك. كما هو موضح أعلاه ، قم بإنشاء خريطة جديدة ، أضف هذه النقطة إلى الطبقة والآن يمكنك مشاركة الرابط مع أي شخص.
أفضل المشاركات
بالنسبة لأولئك الذين هم أكثر راحة وأقرب إلى Yandex ، أقترح إلقاء نظرة على مقال مماثل حول الإصلاح. المزيد من خيارات الطباعة المتقدمة!
رأيت فائدة الطبقات في فصل الأماكن والطرق حسب الغرض منها. على سبيل المثال ، في إحدى الطبقات ، أضع علامات للأماكن التي كنت فيها بالفعل ، وفي الطبقة الثانية أضع علامة على البلدان والمدن التي أرغب في زيارتها في المستقبل. وسيتم عرض جميع التسميات المحددة لكل طبقة في وقت واحد على خريطة واحدة.
سيكون من الممكن وضع طبقات فوق بعضها البعض وتحرير كل منها على حدة. "تحرير" هي كلمة قوية ، لأننا في الحقيقة لن نكون قادرين على فعل الكثير ، أي: تغيير نمط الطبقة ، وتحرير الجدول بالبيانات ، وتعطيل وتمكين عرضها.
مسار السفر المحدد على الخريطة (قابل للنقر)
في مثال الخريطة التي أقوم بإنشائها لهذه المقالة ، قمت بتعيين لون العلامات (الملصقات) بشكل مختلف بحيث يكون هناك اختلاف مرئي. بالإضافة إلى العلامات الموجودة في القائمة ، يمكنك تعديل نمط العرض وكذلك للمسارات ذات الخطوط.
إذا كان لديك العديد من الأماكن التي تريد تحديدها على الخريطة ، فيمكنك إعداد جدول في Excel ، والذي يمكن استيراده بعد ذلك إلى الخريطة. مريحة للغاية وموفرة للوقت.
يتكون الجدول الأساسي من ثلاثة أعمدة:
مثال على ملف Excel مستورد: 
بأي شكل من الأشكال ، يمكنك تحديد المزيد من الأعمدة ، يمكن أن تكون أرقام الهواتف والمواقع الإلكترونية وأسماء الفنادق وأي شيء آخر. ستكون جميع المعلومات من الأعمدة الإضافية في وصف العلامة.
الآن ، لإضافة جميع البيانات إلى الخريطة ، قم بإنشاء طبقة جديدة ثم انقر فوق الزر "استيراد". في القائمة التي تفتح ، حدد ملف xls أو جدول البيانات من Google Drive.
في النافذة التي تفتح ، ستعرض الخدمة تحديد الأعمدة المسؤولة عن الموقع وأسماء العلامات ، ثم انقر فوق "إنهاء". في غضون ثوانٍ قليلة ، سيتم تحميل الجدول بالكامل بالبيانات على الخريطة وسيكون متاحًا للتعديل.
مثال على بطاقة مزخرفة أضيفت إلى الموقع:
هذه هي ما يسمى ببطاقات الخدش ، والتي تنقسم بدورها إلى نوعين فرعيين - مع لصق أو مسح الأماكن التي تمت زيارتها. يمكنك عرض وشراء هذه البطاقات في متاهة مكتبة.
من السهل جدًا تحديد الأماكن التي كنت فيها على الخريطة ، ما عليك سوى أخذ عملة معدنية ومسح الطبقة المذهبة بعناية. على غرار تذاكر اليانصيب. يتم تلوين البلدان الموجودة على خرائط الصفر بألوان مختلفة ، ولا تزال الولايات الكبيرة مثل الولايات المتحدة الأمريكية وروسيا وكندا بها تقسيمات داخلية حسب الدول ، والجمهوريات ، وما إلى ذلك.
اليوم ، الأعمال غير المتصلة بالإنترنت ليست مهمة للإشارة ، ولكنها تحظر بمعلومات حول المؤسسة على الجانب الأيمن من نتائج بحث Google و Yandex. لنتحدث عن كيفية إضافة بيانات الشركة إلى البطاقات.
تحتاج إلى إنشاء صفحة في الخدمة Google My Business.
ماذا تعمل، أو ماذا تفعل؟ بادئ ذي بدء ، الاحتمالات:
حظر "نشاطي التجاري على Google" في نتائج البحث
خوارزمية إضافة شركة.
إذا لم تستلم خطابًا في غضون 3-4 أسابيع ، فلا تتردد في الكتابة إلى الدعم الفني: "لم يأت الخطاب ، فماذا أفعل؟". ستعرض Google إجراء عملية تحقق يدوي.
للقيام بذلك ، ستحتاج إلى إرسال عدة صور:
9. بعد ذلك ، سيتم نقلك إلى الحساب الشخصي لشركتك:
في صفحة "المعلومات" ، يجب عليك تقديم المعلومات الأكثر اكتمالاً عن شركتك:
في وصف الشركة ، حاول أن تكتب بأكبر قدر ممكن من الدقة ما هو عملك بالضبط: ما هي المنتجات أو الخدمات التي تقدمها.
كلما تم تقديم معلومات أكثر اكتمالاً وعالية الجودة حول شركتك ، زاد احتمال رؤيتها لمستخدمي Google.
