إضافة خرائط جوجل لتعليمات القيادة إلى موقع الويب الخاص بك

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

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

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

تضمين خريطة جوجل

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

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

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

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

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

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

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

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

https://www.google.com/maps/dir/3600+Thorp+Springs+Dr،+Plano،+TX+75025،+USA/ 854 + Deerfield + Rd، + Allen، + TX + 75013، + USA / @ 33.1125686 -96.7557749،13z / data =! 3m1! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.0891! 1s0x864c16d3018a7f4f:! 0xab2052b5786cd29f 2M2 1D-96.666151 2d33.133892

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

http://maps.google.com/maps؟saddr=start&daddr=end

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

http://maps.google.com/maps؟saddr= يتبعجديد orleans، la ”& daddr =" houston، tx "

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

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

أدخل عنوان البداية الخاص بك:

تحقق من الكود أعلاه. يبدأ السطر الأول في النموذج ويقول إنه عند النقر على زر الإرسال ، يجب إرسال البيانات إلى maps.google.com/maps. ال الهدف = فارغة يعني أننا نريد أن تفتح النتيجة في نافذة جديدة. ثم لدينا مربع نص لعنوان البداية ، وهو فارغ.

مربع النص الثاني مخفي والقيمة هي عنوان الوجهة الذي نريده. أخيرًا ، يوجد زر إرسال بعنوان "الحصول على الاتجاهات". الآن عندما يكتب شخص ما في عنوانه ، سيحصل على هذا:

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

http://maps.google.com/maps؟saddr=٪22new+orleans،+la٪22&daddr=٪22houston،+tx٪22&ie=UTF8&t=h&z=7&layer=t

لاحظ ال طبقة ر = و ر = ح الحقول في URL. الطبقة = t مخصصة لطبقة المرور و t = h تعني الخريطة المختلطة! تي يمكن أيضا تعيين ل م للخريطة العادية, ك للأقمار الصناعية و ص للتضاريس. ض هو مستوى التكبير / التصغير ويمكنك تغييره من 1 إلى 20. في عنوان URL أعلاه ، تم تعيينه على 7. قم فقط بنقل هؤلاء إلى عنوان URL النهائي الخاص بك ولديك الآن نموذج خرائط Google مخصص للحصول على الاتجاهات على موقعك!

لديك أي مشاكل مع هذا ، نشر تعليق وسأحاول مساعدة! استمتع!