1- تفعيل حساب Google Console وأضافة طريقة للدفع
2- أنشاء مشروع جديد project
3- تفعيل الخدمات التى سوف يتم استخدامها فى المثال الذى تم شرحه فى الفديو وهى:
Google Map Directions API Reference:
https://developers.google.com/maps/documentation/javascript/directions
Google Distance Matrix API Reference:
https://developers.google.com/maps/documentation/javascript/distancematrix
4- اضافة
فى ملف hooks.py
مكان الملف :
/home/frappe/frappe-bench/apps/frappe/frappe/
5- انشاء مستند Doctype كالآتى:
The content of options in field no. 3:
<p>Total Distance between two location:<span id="total"></span></p>
The content of options in field no. 6:
<div id="map" style="width: 100%; height: 380px;"></div>
6-اضافة Client Script بناءا على المثال المدرج فى توثيق منصة جوجل فى الرابط عاليه