Map areas Collection

‎مجموعه نواحي نقشه تصويري

‎در صفحه قبلي در مورد شئMap و ويژگي هاي آن بحث گرديد .دراين صفحه در مورد مجموعه اشياء آن ‎مطالبي ارائه ميگردد .نقشه تصويري ويا شئMap مرتبط با آن ميتواند شامل عناصر area و image ‎باشند باين موارد مجموعه اشياء تصويري گفته ميشود .شرح خلاصه آندو در جدول زير آمده است.

‎مجموعه نواحي نقشه ـMap areas Collection

‎هر نقشه اي ممكن است داراي چندين عنصر ناحيه‎(<area>)‎ باشد، به آنها مجموعه ‎نواحي نقشه ميگويند .دسترسي به آنها از طريق مجموعهareas شئ Map امكان پذير است .

‎مثال ـ پيدا نمودن تعداد نواحي در يك نقشه تصويري

var x = document.getElementById("planetmap").areas.length;

‎نتيچه بدست آمده در: x

3

‎فرمت استفاده ـSyntax

mapObject.areas

‎ويژگي هاي مجموعه نواحيMap

‎متدهاي مجموعه نواحيMap

‎مثالهاي بيشتر از مجموعه نواحيMap

‎مثال ـ‎[index]‎

var x = document.getElementById("planetmap").areas[0].href;

‎مقدار برگشتي در: x

https://www.w3schools.com/jsref/sun.htm

‎مثال ـ‎item(‎index)‎‎

var x = document.getElementById("planetmap").areas.item(0).href;

‎مقدار برگشتي در: x

https://www.w3schools.com/jsref/sun.htm

‎مثال ـ‎nameditem(‎id‎)‎

‎دريافتurl ناحيه اي با id="myArea‎"‎در نقشه تصويري

var x = document.getElementById("planetmap").areas.namedItem("myArea").href;

‎نتيجه برگشتي در: x

https://www.w3schools.com/jsref/mercur.htm

‎مثال ـ با استفاده از ايجاد حلقه روي نواحي نقشه تصويري شكل‎(shape)‎ هر ناحيه ‎بدست اوريد.

var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
  txt = txt + x.areas[i].shape + "<br>";
}

‎نتيجه حاصله مطابق زير است:

rect
circle
circle