(6-6) إضافة Geographic Map

1- بالعودة إلى الـ JDeveloper وفي الصفحة OrdersAndStocks اضغط بزر الماوس الأيمن على التبويب StockLevels .

tv00101

2- في الـ Property Inspector وفي التبويب Common ضع القيمة Location في الحقل Text .

tv00102

وباستخدام التبويب Style | Box ، عدّل قيمة الـ Width إلى 100 Percent و الـ Height إلى 600 Pixel .

tv00102b

3- اضغط على التبويب Location وفي التبويب Data Controls افرد
OrdersView1 | OrderItemsView2 ثم اختر WarehouseStockLevelsView1 واسحبه وضعه في الصفحة داخل التبويب Location .

tv00103b

4- من القائمة Create اختر Geographic Map | ADF Map and Point Theme .

tv00104

5- في المربع الحواري الـ Create Geographic Map اضغط New لإنشاء Map جديدة .

tv00106

6- ضع القيمة mapConfig1 في الحقل Id وللحقل MapViewer URL اختر tapViewer من القائمة ثم اضغط الزر Edit .

tv00106a

في المربع الحواري Create URL Connection أدخل معلومات الـ URL التالية

URL: http://elocation.oracle.com/mapviewer

اضغط على الزر Test Connection ، ثم اضغط Ok .

tv00106b

7- أعد الخطوة السابقة لكن للحقل Geocoder URL واختيار geo واضغط الزر Edit .

tv00107_bull

في المربع الحواري Create URL Connection أدخل معلومات الـ URL التالية

URL: http://elocation.oracle.com/geocoder/gcserver

اضغط على الزر Test Connection ، ثم اضغط Ok .

tv00107_bull

وبالعودة إلى المربع الحواري Map Configuration ، اضغط Ok .

tv00107b

8- يتم عرض خريطة العالم .

tv00108a

أدخل 100 للـ Starting X و 40 للـ Starting Y لترى أمريكا الشمالية ، ثم اضغط Refresh ، ثم اضغط Ok .

tv00108

9- في المربع الحواري Create Map Point Theme Binding وللـ Address اختر
(US (street, city, state, zip للحقل Address Type واختر الحقول التالية :

Address1

Street

City

City

StateProvince

State

PostalCode

Zip Code

WarehouseName

Label

 
 
 
 

وتحت الـ Point Data :

Quantity on Hand

Data

Quantity

Label

 
 
tv00109
اضغط Ok لإدراج الخريطة .
10- في شاشة الـ Structure اختر المكون dvt:map . في الـ Property Inspector وفي التبويب Behavior عدّل الخاصية PartialTriggers لتكون OrdItem:: (الـ id الخاص بالـ table) .
tv00110b
11- في التبويب Appearance ضع القيمة 3 في MapZoom .
tv00111
12- لإضافة شريط أدوات للخريطة لإتاحة الخصائص zooming و area selection وخصائص أخرى . من الـ Component Palette اختر المكون Toolbar واسحبه وضعه أسفل المكون dvt:map .
tv00112b
13- في المربع الحواري Create Map Toolbar اختر الـ map للـ map id (اسم مكون الـ map) .
tv00113
ثم اضغط Ok .
14- يجب أن تكون الصفحة كالتالي :
tv00114
15- اضغط Save All .
16- اضغط الزر Run لتشغيل الصفحة OrdersAndStocks.jspx ، اختر Order بـ Order Item والذي به product مخزن في أكثر من مكان .
tv00115
17- اضغط التبويب Location لترى الخريطة و بها تم تحديد أماكن الـ warehouses على الخريطة لهذا الـ Product .
tv00116
حرّك الشاشة الجانبية لترى مكان آخر على الخريطة .
tv00116_bull
18- صغر الشاشة الجانبية .
tv00117a
جرّب زراير شريط الأدوات لتكبير و تصغير الخريطة ، اضغط الزر Zoom in .
tv00117
اضغط على الخريطة لتكبيرها .
tv00117b
19- اضغط على مؤشر الماوس في شريط الادوات ثم اضغط على أي red spot (النقطة الحمراء) لتظهر شاشة توضّح location name و quantity .
tv00118
أغلق تلك الشاشة .
20- اختبر باقي الأدوات في شريط الأدوات ، اختر الزر Area icon_area ثم اضغط علىزر التحديد Rectangular icon_rectangle ثم بداخل الخريطة حدد المربع الذي تريد عرضه .
tv00120
21- سطح المنطقة المحددة يتم حسابه اوعرض النتيجة .
tv00121
22- في شريط الادوات اضغط View واختر Information Panel .
tv00122
23- ضع الماوس على مكان في الخريطة لعرض الإحداثيات من حيث خطوط الطول و خطوط العرض .
tv00123
24- في شريط الأدوات اضغط على الأيقونة distance IconDistance .
tv00124
25- اضغط مرة على إحدى النقاط الحمراء ثم اضغط مرتين على أخرى لحساب المسافة بينهم .
tv00125

26- أغلق المتصفح .

ليست هناك تعليقات:

إرسال تعليق

---- أتشرف بتعليقاتكم ----