OSM Map

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

با توجه به محدیدیت های ایجاد شده برای نقشه ی گوگل این نقشه جایگزین نقشه گوگل شده و در هر سوپر اپ با استفاده از پروایدر مشخصی ارایه می شود در صورتی که مینی اپ شما نیاز به کاربری روی وب دارد بهتر است از این نقشه استفاده نمایید.

 

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

     ↵  Latitude :

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

     ↵  Longitude :

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

     ↵  DisableScroll :

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

     ↵  DisableZoom :

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

     ↵  DisableTilt :

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

     ↵  Title :

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

     ↵  Icon :

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

     ↵  OnClick :

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

     ↵  OnReady :

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

     ↵  Zoom :

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

     ↵  showUserDot :

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

     ↵  onChange :

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

     ↵  animateMovements :

              تغییرات مکان مرکز نقشه را با انیمیشن انجام می دهد.

 

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

<page title="نمایش نتایج روی نقشه" scrollable="false" toolbarColor="#E64724">
     <osmmap id="map" width="match_parent" height="match_parent" latitude="37.181680" longitude="50.028010" showUserDot="true" >
        <marker latitude="37.181680" longitude="50.028010"
            title="title" onClick="command/details">
        </marker>
    </osmmap>
</page>