Map

این المان فرزند، نقشه ای را نمایش می دهد که میتوان به طور دلخواه لوکیشنی بر آن تنظیم کرد.

 

خواص این المان :

     ↵  Latitude :

                عرض جغرافیایی مرکز نمایش نقشه

     ↵  Longitude :

                طول جغرافیایی مرکز نمایش نقشه

     ↵  ShowTitle :

                این ویژگی مشخص میکند عنوان نمایش داده شود یا خیر.

     ↵  Text :

                todo

     ↵  DisableScroll :

                غیر فعال بودن خاصیت scroll نقشه را مشخص میکند.

     ↵  DisableZoom :

                غیر فعال بودن خاصیت zoom نقشه را مشخص میکند.

     ↵  DisableTilt :

                قابلیت زاویه دادن به نقشه را حذف میکند.

     ↵  Title :

                عنوان نقشه را مشخص میکند.

     ↵  Icon :

                icon نقشه را مشخص میکند.

     ↵  OnClick :

                این ویژگی مشخص میکند زمانی که روی نقشه کلیک شد چه اتفاقی رخ دهد و یک اکشن میپذیرد.

     ↵  OnReady :

                زمانی که نقشه به طور کامل load شود اجرا میشود.

     ↵  Color :

                رنگ را مشخص میکند.

     ↵  Zoom :

              بزرگنمایی نقشه در هنگام شروع

     ↵  showUserDot :

                مقداری true یا false که به ترتیب نمایش یا عدم نمایش نقطه آبی مکان فعلی کاربر را مشخص میکند.

     ↵  onChange :

                در زمان تغییر مکان نقشه توسط کاربر صدا میشود و مقدار آن نیز یک اکشن است.

 

در ادامه یک نمونه از کد map را مشاهده می کنید که لوکیشن آن بر دانشگاه شهید بهشتی تنظیم شده است:

<page title="نمایش نتایج روی نقشه" scrollable="false" toolbarColor="#E64724">
  <map id="map" width="match_parent" height="match_parent" latitude="35.8029459" longitude="51.3933681" showUserDot="true" onChange="update/map">
    <polylineGroup>
      <point latitude="35.8029459" longitude="51.3933681" ></point>
    </polylineGroup>
  </map>
<footer gravity="right" margin_bottom="10" background="#0FFF" height="120" >
<frame width="wrap_content"  scrollable="true">
<frame onClick="command/details" width="wrap_content" height="wrap_content" background="#FFF" layout="linear_horizontal"  evenweight="false" scrollable="false" borderCornerRadius="2">
<frame  width="wrap_content"  layout="linear_vertical" scrollable="false">
<text width="wrap_content" text="map"/>
<text width="wrap_content" textsize="15" textcolor="#8e8e8e" text="در چند متری شما"/>
</frame>
</frame>
</frame>
</footer>
</page>

 

و در نتیجه کد فوق به صورت زیر اجرا میشود :