فئة Polyline
صف واحد (google.maps.Polyline
)
الخط المضلع هو تراكب خطي لأجزاء الخطوط المتصلة على الخريطة.
يمتد هذا الصف
MVCObject
.
يمكنك الوصول من خلال الاتصال بـ const {Polyline} = await google.maps.importLibrary("maps")
. اطّلِع على المكتبات في واجهة برمجة تطبيقات JavaScript للخرائط.
الشركة المصنِّعة | |
---|---|
Polyline |
Polyline([opts]) المعلّمات:
يمكنك إنشاء خط متعدد باستخدام PolylineOptions الذي تم تمريره، والذي يحدد كلاً من مسار الخط المتعدد ونمط السكة الحديدية الذي سيتم استخدامه عند رسم الخط المتعدد. يمكنك تمرير مجموعة من LatLng أو MVCArray من LatLng عند إنشاء خط متعدد، على الرغم من تحويل الصفائف البسيطة إلى MVCArray في الخط المضلّل عند إنشاء مثيل. |
الطُرق | |
---|---|
getDraggable |
getDraggable() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان بإمكان المستخدم سحب هذا الشكل. |
getEditable |
getEditable() المعلّمات: بدون
قيمة العرض:
boolean لعرض ما إذا كان يمكن للمستخدم تعديل هذا الشكل. |
getMap |
getMap() المعلّمات: بدون
قيمة العرض:
Map|null تعرض الخريطة التي تم إرفاق هذا الشكل بها. |
getPath |
getPath() المعلّمات: بدون
استرجاع المسار. |
getVisible |
getVisible() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان هذا Poly مرئيًا على الخريطة. |
setDraggable |
setDraggable(draggable) المعلّمات:
قيمة العرض: بدون
في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذا الشكل فوق الخريطة. تحدد السمة geodesic وضع السحب. |
setEditable |
setEditable(editable) المعلّمات:
قيمة العرض: بدون
إذا تم ضبط السياسة على true ، يمكن للمستخدم تعديل هذا الشكل من خلال سحب نقاط التحكّم المعروضة في الرؤوس وعلى كل شريحة. |
setMap |
setMap(map) المعلّمات:
قيمة العرض: بدون
عرض هذا الشكل على الخريطة المحددة. في حال ضبط الخريطة على null ، ستتم إزالة الشكل. |
setOptions |
setOptions(options) المعلّمات:
قيمة العرض: بدون
|
setPath |
setPath(path) المعلّمات:
قيمة العرض: بدون
لضبط المسار. ولمزيد من التفاصيل، يمكنك الاطّلاع على PolylineOptions . |
setVisible |
setVisible(visible) المعلّمات:
قيمة العرض: بدون
إخفاء هذا المضلّع في حال ضبطه على false . |
موروثة:
addListener ،
bindTo ،
get ،
notify ،
set ،
setValues ،
unbind ،
unbindAll
|
فعاليات | |
---|---|
click |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يتم تنشيط حدث نقرة DOM على Polyline. |
contextmenu |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث سياق DOM على Poyline. |
dblclick |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث Dblclick في نموذج العناصر في المستند. |
drag |
function(event) الوسيطات:
يتم تنشيط هذا الحدث بشكل متكرر أثناء سحب المستخدم للخط المتعدد. |
dragend |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يتوقف المستخدم عن سحب الخط المتعدد. |
dragstart |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يبدأ المستخدم في سحب الخط المتعدد. |
mousedown |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على Polyline. |
mousemove |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث تحريك DOM على Polyline. |
mouseout |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس فوق Polyline. |
mouseover |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس على Polyline. |
mouseup |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على Polyline. |
|
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند النقر على Polyline. |
واجهة PolylineOptions
واجهة
google.maps.PolylineOptions
عنصر PolylineOptions مستخدَم لتعريف الخصائص التي يمكن ضبطها على Polyline.
أماكن إقامة | |
---|---|
clickable optional |
النوع:
boolean optional الخيار التلقائي:
true يشير هذا الزر إلى ما إذا كان جهاز Polyline هذا سيعالج أحداث الماوس. |
draggable optional |
النوع:
boolean optional الخيار التلقائي:
false في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذا الشكل فوق الخريطة. تحدد السمة geodesic وضع السحب. |
editable optional |
النوع:
boolean optional الخيار التلقائي:
false إذا تم ضبط السياسة على true ، يمكن للمستخدم تعديل هذا الشكل من خلال سحب نقاط التحكّم المعروضة في الرؤوس وعلى كل شريحة. |
geodesic optional |
النوع:
boolean optional الخيار التلقائي:
false عندما يكون true ، يتم تفسير حواف المضلع على أنه جيوديسي وسيتبع المنحنى على الأرض. عندما يكون false ، يتم عرض حواف المضلع على شكل خطوط مستقيمة في مساحة الشاشة. ملاحظة: قد يبدو أن شكل المضلّع الجيوديسي يتغير عند سحبه، إذ يتم الحفاظ على الأبعاد بالنسبة إلى سطح الأرض. |
icons optional |
النوع:
Array<IconSequence> optional الرموز التي سيتم عرضها على شكل خط متعدد |
map optional |
النوع:
Map optional الخريطة التي سيتم عرض Polyline عليها. |
path optional |
النوع:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional التسلسل المنظّم لإحداثيات الخط Polyline. يمكن تحديد هذا المسار باستخدام مصفوفة بسيطة من LatLng أو MVCArray من LatLng . يُرجى العِلم أنّه عند تمرير صفيف بسيط، سيتم تحويله إلى MVCArray إدراج خطوط LatLng أو إزالتها في MVCArray وسيتم تلقائيًا تعديل الخط المتعدد على الخريطة. |
strokeColor optional |
النوع:
string optional لون السكتة الدماغية وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
strokeOpacity optional |
النوع:
number optional تعتيم السكة الحديدية بين 0.0 و1.0. |
strokeWeight optional |
النوع:
number optional عرض ضربة بالبكسل. |
visible optional |
النوع:
boolean optional الخيار التلقائي:
true ما إذا كان هذا الخط المتعدد مرئيًا على الخريطة. |
zIndex optional |
النوع:
number optional مؤشر zIndex مقارنةً بالبوليسترات الأخرى. |
واجهة IconSerial
واجهة
google.maps.IconSequence
تصف طريقة عرض الرموز على سطر.
إذا كان الخط الخطي جيوديسيًا، يتم تلقائيًا احتساب المسافات المحدّدة لكل من التعويض والتكرار بالمتر. يؤدي ضبط قيمة معادلة أو تكرار قيمة بكسل إلى احتساب المسافات بوحدات البكسل على الشاشة.
أماكن إقامة | |
---|---|
fixedRotation optional |
النوع:
boolean optional الخيار التلقائي:
false إذا كان true ، يكون لكل رمز في التسلسل دوران ثابت نفسه بغض النظر عن زاوية الحافة التي يقع عليها. إذا تم ضبط false على أي رمز في التسلسل، يتم تدويره للتوافق مع حوافه. |
icon optional |
النوع:
Symbol optional الرمز المراد عرضه على السطر. |
offset optional |
النوع:
string optional الخيار التلقائي:
'100%' المسافة من بداية السطر الذي يتم عرض الرمز فيه. وقد يتم التعبير عن هذه المسافة كنسبة مئوية من طول السطر (على سبيل المثال، "50%") أو بالبكسل (على سبيل المثال، 50 بكسل). |
repeat optional |
النوع:
string optional الخيار التلقائي:
0 المسافة بين الرموز المتتالية على الخط وقد يتم التعبير عن هذه المسافة كنسبة مئوية من طول السطر (على سبيل المثال، "50%") أو بالبكسل (على سبيل المثال، 50 بكسل). لإيقاف تكرار الرمز، حدِّد "0". |
فئة Polygon
صف واحد (google.maps.Polygon
)
يحدد المضلّع (مثل الخط المضلع) سلسلة من الإحداثيات المتصلة في تسلسل منظم. إضافةً إلى ذلك، تشكّل المضلّعات حلقة مغلقة وتحديد منطقة مملوءة. يمكنك الاطّلاع على العيّنات في دليل المطوّر، بدءًا من المضلّع البسيط والمضلّع الذي يحتوي على ثُقب وغير ذلك. لاحظ أنه يمكنك أيضًا استخدام طبقة البيانات لإنشاء مضلّع. توفّر طبقة البيانات طريقة أبسط لإنشاء الثقوب لأنها تتعامل مع ترتيب المسارات الداخلية والخارجية نيابةً عنك.
يمتد هذا الصف
MVCObject
.
يمكنك الوصول من خلال الاتصال بـ const {Polygon} = await google.maps.importLibrary("maps")
. اطّلِع على المكتبات في واجهة برمجة تطبيقات JavaScript للخرائط.
الشركة المصنِّعة | |
---|---|
Polygon |
Polygon([opts]) المعلّمات:
أنشئ مضلعًا باستخدام PolygonOptions الذي تم تمريره والذي يحدِّد مسار المضلّع ونمط الخط لحواف المضلع ونمط التعبئة للمناطق الداخلية للمضلعات. وقد يحتوي المضلّع على مسار واحد أو أكثر، حيث يتكون كل مسار من مصفوفة من LatLng . يمكنك تمرير مصفوفة من خطوط LatLng أو MVCArray من LatLng عند إنشاء هذه المسارات. يتم تحويل المصفوفات إلى MVCArray في المضلع عند إنشاء مثيل. |
الطُرق | |
---|---|
getDraggable |
getDraggable() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان بإمكان المستخدم سحب هذا الشكل. |
getEditable |
getEditable() المعلّمات: بدون
قيمة العرض:
boolean لعرض ما إذا كان يمكن للمستخدم تعديل هذا الشكل. |
getMap |
getMap() المعلّمات: بدون
قيمة العرض:
Map|null تعرض الخريطة التي تم إرفاق هذا الشكل بها. |
getPath |
getPath() المعلّمات: بدون
لاسترداد المسار الأول |
getPaths |
getPaths() المعلّمات: بدون
استرداد المسارات لهذا المضلع. |
getVisible |
getVisible() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان هذا Poly مرئيًا على الخريطة. |
setDraggable |
setDraggable(draggable) المعلّمات:
قيمة العرض: بدون
في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذا الشكل فوق الخريطة. تحدد السمة geodesic وضع السحب. |
setEditable |
setEditable(editable) المعلّمات:
قيمة العرض: بدون
إذا تم ضبط السياسة على true ، يمكن للمستخدم تعديل هذا الشكل من خلال سحب نقاط التحكّم المعروضة في الرؤوس وعلى كل شريحة. |
setMap |
setMap(map) المعلّمات:
قيمة العرض: بدون
عرض هذا الشكل على الخريطة المحددة. في حال ضبط الخريطة على null ، ستتم إزالة الشكل. |
setOptions |
setOptions(options) المعلّمات:
قيمة العرض: بدون
|
setPath |
setPath(path) المعلّمات:
قيمة العرض: بدون
لضبط المسار الأول ولمزيد من التفاصيل، يمكنك الاطّلاع على PolygonOptions . |
setPaths |
setPaths(paths) المعلّمات:
قيمة العرض: بدون
لضبط مسار هذا المضلّع |
setVisible |
setVisible(visible) المعلّمات:
قيمة العرض: بدون
إخفاء هذا المضلّع في حال ضبطه على false . |
موروثة:
addListener ،
bindTo ،
get ،
notify ،
set ،
setValues ،
unbind ،
unbindAll
|
فعاليات | |
---|---|
click |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث نقرة DOM على المضلّع. |
contextmenu |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث قائمة سياقات DOM على المضلّع. |
dblclick |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث Dblclick في نموذج العناصر في المستند. |
drag |
function(event) الوسيطات:
يتم تنشيط هذا الحدث بشكل متكرر أثناء سحب المستخدم للمضلع. |
dragend |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يتوقف المستخدم عن سحب المضلّع. |
dragstart |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يبدأ المستخدم في سحب المضلع. |
mousedown |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على المضلّع. |
mousemove |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث تحريك DOM على Polygon. |
mouseout |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس فوق المضلع. |
mouseover |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس على Polygon. |
mouseup |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على المضلّع. |
|
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند النقر على Polygon بزر الماوس الأيمن. |
واجهة PolygonOptions
واجهة
google.maps.PolygonOptions
كائن PolygonOptions المُستخدَم لتحديد الخصائص التي يمكن ضبطها على المضلّع.
أماكن إقامة | |
---|---|
clickable optional |
النوع:
boolean optional الخيار التلقائي:
true يشير هذا الزر إلى ما إذا كان جهاز Polygon هذا سيعالج أحداث الماوس. |
draggable optional |
النوع:
boolean optional الخيار التلقائي:
false في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذا الشكل فوق الخريطة. تحدد السمة geodesic وضع السحب. |
editable optional |
النوع:
boolean optional الخيار التلقائي:
false إذا تم ضبط السياسة على true ، يمكن للمستخدم تعديل هذا الشكل من خلال سحب نقاط التحكّم المعروضة في الرؤوس وعلى كل شريحة. |
fillColor optional |
النوع:
string optional لون التعبئة وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
fillOpacity optional |
النوع:
number optional تعتيم التعبئة بين 0.0 و1.0 |
geodesic optional |
النوع:
boolean optional الخيار التلقائي:
false عندما يكون true ، يتم تفسير حواف المضلع على أنه جيوديسي وسيتبع المنحنى على الأرض. عندما يكون false ، يتم عرض حواف المضلع على شكل خطوط مستقيمة في مساحة الشاشة. ملاحظة: قد يبدو أن شكل المضلّع الجيوديسي يتغير عند سحبه، إذ يتم الحفاظ على الأبعاد بالنسبة إلى سطح الأرض. |
map optional |
النوع:
Map optional الخريطة التي سيتم عرض المضلّع عليها |
paths optional |
النوع:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional التسلسل المنظّم للإحداثيات الذي يحدّد حلقة مغلقة. على عكس الخطوط المتعددة، يمكن أن يتكون المضلّع من مسار واحد أو أكثر. ونتيجةً لذلك، قد تحدِّد خاصية المسارات صفيفًا واحدًا أو أكثر من إحداثيات LatLng . يتم إغلاق المسارات تلقائيًا، ولا تكرِّر الرأس العكسي الأول للمسار على أنه الرأس الأخير. يمكن تحديد المضلّعات البسيطة باستخدام مصفوفة واحدة من LatLng . وقد تحدّد المضلّعات الأكثر تعقيدًا مجموعة من المصفوفات. ويتم تحويل أي مصفوفات بسيطة إلى MVCArray . سيؤدي إدراج LatLng أو إزالتها من MVCArray إلى تعديل المضلّع تلقائيًا على الخريطة. |
strokeColor optional |
النوع:
string optional لون السكتة الدماغية وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
strokeOpacity optional |
النوع:
number optional تعتيم السكة الحديدية بين 0.0 و1.0 |
strokePosition optional |
النوع:
StrokePosition optional الخيار التلقائي:
StrokePosition.CENTER موضع السكتة الدماغية. |
strokeWeight optional |
النوع:
number optional عرض ضربة بالبكسل. |
visible optional |
النوع:
boolean optional الخيار التلقائي:
true ما إذا كان هذا المضلّع مرئيًا على الخريطة. |
zIndex optional |
النوع:
number optional مؤشر zIndex مقارنةً بالبوليسترات الأخرى. |
واجهة PolyMouseEvent
واجهة
google.maps.PolyMouseEvent
يتم عرض هذا العنصر من أحداث الماوس على الخطوط المضلّعة والمضلعات.
تمتد هذه الواجهة
MapMouseEvent
.
أماكن إقامة | |
---|---|
edge optional |
النوع:
number optional فهرس الحافة ضمن المسار أسفل المؤشر عند وقوع الحدث، إذا حدث الحدث في نقطة منتصف على شكل مضلع قابل للتعديل. |
path optional |
النوع:
number optional فهرس المسار أسفل المؤشر عند وقوع الحدث، إذا حدث الحدث على قمة الرأس وكان المضلع قابلاً للتعديل. وبخلاف ذلك، undefined . |
vertex optional |
النوع:
number optional فهرس الرأس المؤدّي أسفل المؤشر عند وقوع الحدث، إذا وقع الحدث على قمة الرأس وكان الخط المضلّع أو المضلّع قابلاً للتعديل. إذا لم يقع الحدث على قمة رأس، تكون القيمة هي undefined . |
مكتسَب:
domEvent ،
latLng
|
الطُرق | |
---|---|
مكتسَب:
stop
|
فئةالمستطيل
صف واحد (google.maps.Rectangle
)
على شكل مستطيل.
يمتد هذا الصف
MVCObject
.
يمكنك الوصول من خلال الاتصال بـ const {Rectangle} = await google.maps.importLibrary("maps")
. اطّلِع على المكتبات في واجهة برمجة تطبيقات JavaScript للخرائط.
الشركة المصنِّعة | |
---|---|
Rectangle |
Rectangle([opts]) المعلّمات:
يمكنك إنشاء مستطيل باستخدام RectangleOptions التي تم تمريرها، والتي تحدد الحدود والنمط. |
الطُرق | |
---|---|
getBounds |
getBounds() المعلّمات: بدون
قيمة العرض:
LatLngBounds|null لعرض حدود هذا المستطيل. |
getDraggable |
getDraggable() المعلّمات: بدون
قيمة العرض:
boolean لعرض ما إذا كان المستخدم يمكنه سحب هذا المستطيل. |
getEditable |
getEditable() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان يمكن تعديل هذا المستطيل. |
getMap |
getMap() المعلّمات: بدون
قيمة العرض:
Map|null تعرض الخريطة التي يتم عرض هذا المستطيل عليها. |
getVisible |
getVisible() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان هذا المستطيل مرئيًا على الخريطة. |
setBounds |
setBounds(bounds) المعلّمات:
قيمة العرض: بدون
لضبط حدود هذا المستطيل. |
setDraggable |
setDraggable(draggable) المعلّمات:
قيمة العرض: بدون
في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذا المستطيل فوق الخريطة. |
setEditable |
setEditable(editable) المعلّمات:
قيمة العرض: بدون
في حال ضبط السياسة على true ، يمكن للمستخدم تعديل هذا المستطيل من خلال سحب نقاط التحكم المعروضة في الزوايا وعلى كل حافة. |
setMap |
setMap(map) المعلّمات:
قيمة العرض: بدون
يعرض المستطيل على الخريطة المحددة. في حال ضبط الخريطة على null ، ستتم إزالة المستطيل. |
setOptions |
setOptions(options) المعلّمات:
قيمة العرض: بدون
|
setVisible |
setVisible(visible) المعلّمات:
قيمة العرض: بدون
إخفاء هذا المستطيل في حال ضبطه على false . |
موروثة:
addListener ،
bindTo ،
get ،
notify ،
set ،
setValues ،
unbind ،
unbindAll
|
فعاليات | |
---|---|
bounds_changed |
function() الوسيطات: بلا
يتم تنشيط هذا الحدث عند تغيير حدود المستطيل. |
click |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث نقرة DOM على المستطيل. |
contextmenu |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث قائمة سياقات DOM على المستطيل. |
dblclick |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث Dblclick في نموذج العناصر في المستند. |
drag |
function(event) الوسيطات:
يتم تنشيط هذا الحدث بشكل متكرر أثناء سحب المستخدم للمستطيل. |
dragend |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يتوقف المستخدم عن سحب المستطيل. |
dragstart |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يبدأ المستخدم في سحب المستطيل. |
mousedown |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على المستطيل. |
mousemove |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث تحريك DOM على المستطيل. |
mouseout |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس على شكل مستطيل. |
mouseover |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس على المستطيل. |
mouseup |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على المستطيل. |
|
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند النقر على المستطيل بزر الماوس الأيمن. |
واجهة مستطيل
واجهة
google.maps.RectangleOptions
كائن مستطيل والخيارات المُستخدَم لتعريف الخصائص التي يمكن ضبطها على شكل مستطيل.
أماكن إقامة | |
---|---|
bounds optional |
النوع:
LatLngBounds|LatLngBoundsLiteral optional الحدود |
clickable optional |
النوع:
boolean optional الخيار التلقائي:
true يشير هذا الزر إلى ما إذا كان جهاز Rectangle هذا سيعالج أحداث الماوس. |
draggable optional |
النوع:
boolean optional الخيار التلقائي:
false في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذا المستطيل فوق الخريطة. |
editable optional |
النوع:
boolean optional الخيار التلقائي:
false في حال ضبط السياسة على true ، يمكن للمستخدم تعديل هذا المستطيل من خلال سحب نقاط التحكم المعروضة في الزوايا وعلى كل حافة. |
fillColor optional |
النوع:
string optional لون التعبئة وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
fillOpacity optional |
النوع:
number optional تعتيم التعبئة بين 0.0 و1.0 |
map optional |
النوع:
Map optional خريطة للمستطيل المطلوب عرضه |
strokeColor optional |
النوع:
string optional لون السكتة الدماغية وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
strokeOpacity optional |
النوع:
number optional تعتيم السكة الحديدية بين 0.0 و1.0 |
strokePosition optional |
النوع:
StrokePosition optional الخيار التلقائي:
StrokePosition.CENTER موضع السكتة الدماغية. |
strokeWeight optional |
النوع:
number optional عرض ضربة بالبكسل. |
visible optional |
النوع:
boolean optional الخيار التلقائي:
true لتحديد ما إذا كان هذا المستطيل مرئيًا على الخريطة. |
zIndex optional |
النوع:
number optional مؤشر zIndex مقارنةً بالبوليسترات الأخرى. |
الفئة الدائرة
صف واحد (google.maps.Circle
)
دائرة على سطح الأرض تُعرف باسم "غطاء كروي"
يمتد هذا الصف
MVCObject
.
يمكنك الوصول من خلال الاتصال بـ const {Circle} = await google.maps.importLibrary("maps")
. اطّلِع على المكتبات في واجهة برمجة تطبيقات JavaScript للخرائط.
الشركة المصنِّعة | |
---|---|
Circle |
Circle([circleOrCircleOptions]) المعلّمات:
يمكنك إنشاء دائرة باستخدام CircleOptions التي تم تمريرها والتي تحدِّد الوسط والنطاق الجغرافي والنمط. |
الطُرق | |
---|---|
getBounds |
getBounds() المعلّمات: بدون
قيمة العرض:
LatLngBounds|null للحصول على LatLngBounds من هذه الدائرة. |
getCenter |
getCenter() المعلّمات: بدون
قيمة العرض:
LatLng|null لعرض وسط هذه الدائرة. |
getDraggable |
getDraggable() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان بإمكان المستخدم سحب هذه الدائرة. |
getEditable |
getEditable() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كان المستخدم يمكنه تعديل هذه الدائرة. |
getMap |
getMap() المعلّمات: بدون
قيمة العرض:
Map|null تعرض الخريطة التي يتم عرض هذه الدائرة عليها. |
getRadius |
getRadius() المعلّمات: بدون
قيمة العرض:
number لعرض النطاق الجغرافي لهذه الدائرة (بالمتر). |
getVisible |
getVisible() المعلّمات: بدون
قيمة العرض:
boolean يعرض ما إذا كانت هذه الدائرة مرئية على الخريطة. |
setCenter |
setCenter(center) المعلّمات:
قيمة العرض: بدون
لضبط وسط هذه الدائرة. |
setDraggable |
setDraggable(draggable) المعلّمات:
قيمة العرض: بدون
في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذه الدائرة فوق الخريطة. |
setEditable |
setEditable(editable) المعلّمات:
قيمة العرض: بدون
إذا تم الضبط على true ، يمكن للمستخدم تعديل هذه الدائرة من خلال سحب نقاط التحكم المعروضة في منتصف الدائرة وحول الدائرة. |
setMap |
setMap(map) المعلّمات:
قيمة العرض: بدون
يعرض الدائرة على الخريطة المحددة. في حال ضبط الخريطة على null ، ستتم إزالة الدائرة. |
setOptions |
setOptions(options) المعلّمات:
قيمة العرض: بدون
|
setRadius |
setRadius(radius) المعلّمات:
قيمة العرض: بدون
لتحديد نصف قطر هذه الدائرة (بالمتر). |
setVisible |
setVisible(visible) المعلّمات:
قيمة العرض: بدون
إخفاء هذه الدائرة في حال ضبطها على false . |
موروثة:
addListener ،
bindTo ،
get ،
notify ،
set ،
setValues ،
unbind ،
unbindAll
|
فعاليات | |
---|---|
center_changed |
function() الوسيطات: بلا
يتم تنشيط هذا الحدث عند تغيير وسط الدائرة. |
click |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث نقرة DOM على الدائرة. |
dblclick |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث Dblclick في نموذج العناصر في المستند. |
drag |
function(event) الوسيطات:
يتم تنشيط هذا الحدث بشكل متكرر أثناء سحب المستخدم للدائرة. |
dragend |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يتوقف المستخدم عن سحب الدائرة. |
dragstart |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عندما يبدأ المستخدم في سحب الدائرة. |
mousedown |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على الدائرة. |
mousemove |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث تحريك مؤشر الماوس في الدائرة. |
mouseout |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند الخروج من الدائرة. |
mouseover |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تمرير الماوس. |
mouseup |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند تنشيط حدث الماوس في DOM على الدائرة. |
radius_changed |
function() الوسيطات: بلا
يتم تنشيط هذا الحدث عند تغيير نطاق دائرة الدائرة. |
rightclick |
function(event) الوسيطات:
يتم تنشيط هذا الحدث عند النقر بزر الماوس الأيمن على الدائرة. |
واجهة SOptions
واجهة
google.maps.CircleOptions
عنصر وفي خيارات "الدائرة" يُستخدم لتحديد الخصائص التي يمكن ضبطها في دائرة.
أماكن إقامة | |
---|---|
center optional |
النوع:
LatLng|LatLngLiteral optional قلب الدائرة. |
clickable optional |
النوع:
boolean optional الخيار التلقائي:
true يشير هذا الزر إلى ما إذا كان جهاز Circle هذا سيعالج أحداث الماوس. |
draggable optional |
النوع:
boolean optional الخيار التلقائي:
false في حال ضبط السياسة على true ، يمكن للمستخدم سحب هذه الدائرة فوق الخريطة. |
editable optional |
النوع:
boolean optional الخيار التلقائي:
false إذا تم الضبط على true ، يمكن للمستخدم تعديل هذه الدائرة من خلال سحب نقاط التحكم المعروضة في منتصف الدائرة وحول الدائرة. |
fillColor optional |
النوع:
string optional لون التعبئة وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
fillOpacity optional |
النوع:
number optional تعتيم التعبئة بين 0.0 و1.0. |
map optional |
النوع:
Map optional الخريطة التي سيتم عرض الدائرة عليها. |
radius optional |
النوع:
number optional النطاق الجغرافي بالمتر على سطح الأرض. |
strokeColor optional |
النوع:
string optional لون السكتة الدماغية وتتوفّر جميع ألوان CSS3 باستثناء الألوان ذات الأسماء الموسّعة. |
strokeOpacity optional |
النوع:
number optional تعتيم السكة الحديدية بين 0.0 و1.0. |
strokePosition optional |
النوع:
StrokePosition optional الخيار التلقائي:
StrokePosition.CENTER موضع السكتة الدماغية. |
strokeWeight optional |
النوع:
number optional عرض ضربة بالبكسل. |
visible optional |
النوع:
boolean optional الخيار التلقائي:
true ما إذا كانت هذه الدائرة مرئية على الخريطة. |
zIndex optional |
النوع:
number optional مؤشر zIndex مقارنةً بالبوليسترات الأخرى. |
ثابت
google.maps.StrokePosition
ثوابت
المواضع المحتملة للضربة على المضلّع.
يمكنك الوصول من خلال الاتصال بـ const {StrokePosition} = await google.maps.importLibrary("maps")
. اطّلِع على المكتبات في واجهة برمجة تطبيقات JavaScript للخرائط.
ثوابت | |
---|---|
CENTER |
يتم توسيط الخط في مسار المضلّع، مع تحديد نصف المسافة داخل المضلع ونصف السكة خارج النطاق المضلع. |
INSIDE |
رسم الخطوط شكل داخل المضلع. |
OUTSIDE |
وتقع السكتة الدماغية خارج المضلع. |