اعرض لزوارك خريطة لأي موقع تريده. استخدم "الخريطة" لعرض موقع شركتك الفعلي أو مكان عقد فعالية معينة. يمكنك أيضا استخدام الخريطة لتوضح لعملائك أين يجدون أماكن لإيقاف السيارات الخاصة بهم.
لإضافة "الخريطة":
- في اللوحة اليسرى، انقر فوق عنصر واجهة المستخدم.
- اضغط واسحب "الخريطة" إلى الموقع الخاص بك.
للتعرف على المزيد عن إضافة إلى الموقع الخاص بك، انظر إضافة عنصر واجهة مستخدم.
خرائط Google كموفر خرائط افتراضي
Mapbox هو مزود الخرائط الافتراضي للخريطة widget. ومع ذلك، يمكنك جعل خرائط Google مزوِّد الخرائط الافتراضي لجميع المواقع الجديدة والحالية في حسابك. بالإضافة إلى الخريطة widget ، ستصبح خرائط Google هي الخرائط الافتراضية في جميع عمليات البحث عن المواقع والخرائط الخاصة بي للصور والملفات الخاصة بي وغيرها من الخرائط المطبقة widget.
يتم حفظ جميع بيانات الموقع الجغرافي من Mapbox وتطبيقها على خرائط Google. وهذا يضمن لك عدم الحاجة إلى إعداد المواقع مرة أخرى.
لاحظ أنه لا يمكن تمكين هذه الميزة إلا من قبل الموظفين الذين لديهم إذن الإعدادات الاحترافية.
لتعيين خرائط Google كموفر خرائط افتراضي:
في حساب خرائط Google الخاص بك، أنشئ مفتاح API. لمعرفة كيفية إنشاء مفتاح واجهة برمجة التطبيقات، راجع وثائق جوجل. نوصيك بمراجعة سياسة الاستخدام والفوترة الخاصة بـ Google.
من لوحة التحكم الخاصة بك، انقر على الصورة الرمزية الخاصة بك في الزاوية العلوية اليمنى وحدد الحساب.
في صفحة إعدادات الحساب، مرر لأسفل إلى قسم تكامل خرائط جوجل وانقر على إعداد.
الصق مفتاح API الخاص بك في الحقل، ثم انقر على تطبيق على جميع المواقع. هذا يجعل خرائط Google الخريطة الافتراضية لجميع المواقع الموجودة والجديدة في حسابك.
في أي وقت، يمكنك تعطيل خرائط Google والعودة إلى Mapbox. سيتم حفظ جميع بيانات الموقع الجغرافي من خرائط Google وتطبيقها تلقائيًا على Mapbox عند التبديل.
محرر المحتوى
للوصول إلى محرر المحتوى:
- اضغط بمفتاح الماوس الأيمن على ، واضغط على تحرير المحتوى.
- اكتب عنوان شركتك في الحقل المتاح.
- حدد العنوان من القائمة المنسدلة التي تظهر. إذا لم يظهر عنوانك في القائمة المنسدلة، فهذا يعني أن قاعدة بيانات HERE التي تستخدمها أداة إنشاء الموقع والمتجر الإلكتروني من GoDaddy لا تحتوي على العنوان. لإرسال العنوان أو تصحيحه، اتصل بـ HERE Map Creator.
- يمكنك اختيار عرض زر خريطة بدلاً من صورة خريطة. لعرض زر خريطة على أجهزة معينة، حدد استخدام الزر في الأجهزة (
) التي تريد أن يظهر عليها الزر. إذا لم يتم اختيار أي أجهزة، فسيتم عرض صورة الخريطة.
- اكتب النص الذي تريد ظهوره على الزر في حقل النص على الزر المتاح.
عرض النافذة المنبثقة لمعلومات الموقع
لعرض نافذة منبثقة تتضمن معلومات موقع على الخريطة:
اكتب عنوان ووصفًا للنافذة المنبثقة.
حدد لعرض النافذة المنبثقة عند التحويم أو عند النقر أو دائمًا من القائمة المنسدلة "عرض النافذة المنبثقة".
محرر التصميم
للوصول إلى محرر التصميم، اضغط بمفتاح الماوس الأيمن على ، وانقر على تحرير التصميم.
انقر على علامة التبويب "التخطيط" لتحرير التصميم الخاص بالخريطة التي تظهر في موقعك.
لمزيد من المعلومات عن خيارات التصميم التي لا تخص هذا، (على سبيل المثال، التخطيط أو النمط أو التباعد)، انظر تصميم عنصر واجهة المستخدم.
تضمين خريطة Google باستخدام عنصر واجهة المستخدم HTML
لتضمين خرائط من خرائط Google باستخدام "HTML":
- انتقل إلى خرائط Google.
- ابحث عن المكان الذي تريده.
- انقر على القائمة الموجودة بأعلى اليمين، ثم انقر على مشاركة الخريطة أو تضمينها .
- انقر على علامة التبويب تضمين خريطة.
- انسخ عنوان URL بين علامتي الاقتباس بعد <iframe src =". تأكد من نسخ عنوان URL الكامل بين علامتي الاقتباس.
- انتقل إلى الموقع الخاص بك، وفي اللوحة اليسرى، انقر على عنصر واجهة المستخدم، واسحب "HTML" إلى صف أو عمود.
- استخدم كود التضمين التالي وأضف عنوان URL الذي حصلت عليه من Google Maps بين علامتي الاقتباس بعد iFrame src=:
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> - انتقل إلى وضع المطور.
- انقر على كود HTML/CSS للموقع، ثم انقر على site.css.
- قم بتضمين كود CSS التالي في هذا القسم:
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
سيتم تغيير حجم الخريطة بطريقة مناسبة لطرق العرض للأجهزة المختلفة. إذا كنت تستخدم كود تضمين خرائط Google عاديًا، سيظهر حجم الخريطة بطريقة ثابتة على كل الأجهزة وسيتم قصه في طريقة عرض الهواتف المحمولة.