عرض مربع "اتجاهات" Google على الخريطة

Question

أنا أقوم بتنفيذ خريطة Google على موقع ويب.

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

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

هل من الممكن عرض مربع التوجيهات نفسه باستخدام واجهة برمجة التطبيقات ، بدلاً من ترميز المربع بنفسي؟

يرجى الملاحظة: أنا أشير إلى مبدئي نموذج الاتجاهات - أي النموذج الذي تدخل فيه الوجهات "A" و "B" وانقر فوق "الحصول على الاتجاهات".

Answer 1

نعم DirectionsRenderer يمكن تقديم "مربع الاتجاهات" تلقائيًا. ببساطة إنشاء <div id="dir_box"> في HTML الخاص بك ثم مررها إلى الخاص بك DirectionsRenderer كائن عبر setPanel() طريقة:

directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('dir_box'));

الدفع هذا المثال من دروس Google Maps API للحصول على مثال أساسي: