این مبحث نحوه پیکربندی نقشه ای را که با استفاده از Maps SDK برای Android به برنامه Android اضافه شده است، توضیح می دهد.
نمای کلی
پس از افزودن نقشه به برنامه خود، می توانید تنظیمات اولیه و زمان اجرا نقشه را پیکربندی کنید. تنظیمات اولیه باید بر اساس اینکه ظرف نقشه ( SupportMapFragment
یا MapView
) را به صورت ایستا یا پویا اضافه کرده اید، پیکربندی شوند. اگر کانتینر نقشه به صورت ایستا اضافه شده است، می توانید تنظیمات اولیه نقشه را در فایل طرح بندی پیکربندی کنید. اگر به صورت پویا اضافه شده است، می توانید تنظیمات اولیه را در پاسخ به تماس OnCreate
با یک شی GoogleMapOptions
پیکربندی کنید.
برای جزئیات بیشتر درباره افزودن یک محفظه نقشه، به افزودن نقشه مراجعه کنید.
تنظیمات اولیه نقشه شامل موارد زیر است:
- موقعیت دوربین، از جمله: مکان، زوم، بلبرینگ و شیب. برای جزئیات بیشتر در مورد موقعیت یابی دوربین به دوربین و مشاهده مراجعه کنید.
- نوع نقشه
- اجزای رابط کاربری برای نمایش، مانند دکمه های زوم و قطب نما.
- حرکات برای فعال کردن.
- آیا حالت Lite فعال است یا خیر.
در زمان اجرا می توانید این تنظیمات و برخی تنظیمات اضافی را با به روز رسانی شی GoogleMap
در پاسخ به تماس onMapReady
پیکربندی کنید. تنظیمات اضافی از طریق متدهای کلاس GoogleMap
پیکربندی میشوند، مانند مواردی که لایه ترافیک و لایهبندی نقشه را پیکربندی میکنند.
مثال
در کد مثال زیر و اسکرین شات بالا، نقشه با تنظیمات زیر پیکربندی شده است.
تنظیمات اولیه در فایل layout پیکربندی شده است:
- فعال کردن کنترل های بزرگنمایی
- کنترلهای حرکت چرخشی را فعال کنید.
- شیب نقشه را روی 30 تنظیم کنید.
تنظیمات زمان اجرا:
- دوربین را روی کیوتو ژاپن قرار دهید.
- نوع نقشه ترکیبی را فعال کنید.
- لایه ترافیک را روشن کنید.
تنظیمات اولیه
<?xml version="1.0" encoding="utf-8"?> <fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:map="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:name="com.google.android.gms.maps.SupportMapFragment" android:id="@+id/map" android:layout_width="match_parent" android:layout_height="match_parent" map:uiZoomControls="true" map:uiRotateGestures="true" map:cameraTilt="30" />
تنظیمات زمان اجرا
package com.example.mapsetup; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import com.google.android.gms.maps.CameraUpdateFactory; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.OnMapReadyCallback; import com.google.android.gms.maps.SupportMapFragment; import com.google.android.gms.maps.model.LatLng; import com.google.android.gms.maps.model.MarkerOptions; public class MainActivity extends AppCompatActivity implements OnMapReadyCallback { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager() .findFragmentById(R.id.map); mapFragment.getMapAsync(this); } // Update the map configuration at runtime. @Override public void onMapReady(GoogleMap googleMap) { // Set the map coordinates to Kyoto Japan. LatLng kyoto = new LatLng(35.00116, 135.7681); // Set the map type to Hybrid. googleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID); // Add a marker on the map coordinates. googleMap.addMarker(new MarkerOptions() .position(kyoto) .title("Kyoto")); // Move the camera to the map coordinates and zoom in closer. googleMap.moveCamera(CameraUpdateFactory.newLatLng(kyoto)); googleMap.moveCamera(CameraUpdateFactory.zoomTo(15)); // Display traffic. googleMap.setTrafficEnabled(true); } }
قبل از شروع
قبل از شروع، میتوانید یک پروژه راهاندازی کنید و یک نقشه اولیه را از طریق گزینههای زیر اضافه کنید:
با استفاده از الگوی Maps برای Android Studio یک برنامه ایجاد کنید. الگوی Maps به طور خودکار پروژه شما را پیکربندی می کند و یک نقشه اساسی اضافه می کند. یک قطعه به عنوان ظرف نقشه استفاده می شود و به صورت ایستا اضافه می شود. برای جزئیات، به شروع سریع مراجعه کنید.
پروژه خود را به صورت دستی برای SDK پیکربندی کنید و یک نقشه اولیه اضافه کنید . این به شما امکان می دهد از هر قالب اندرویدی استفاده کنید و یک نقشه به یک برنامه موجود اضافه کنید.
پس از افزودن یک نقشه، نقشه را پیکربندی کنید
این بخش نحوه تنظیم وضعیت اولیه نقشه را در صورتی که آن را به صورت ایستا به فایل طرح بندی خود اضافه کرده باشید، توضیح می دهد.
Maps SDK برای Android مجموعه ای از ویژگی های XML سفارشی را برای یک SupportMapFragment
یا MapView
تعریف می کند که می توانید از آنها برای پیکربندی وضعیت اولیه نقشه به طور مستقیم از فایل طرح بندی استفاده کنید. ویژگی های زیر در حال حاضر تعریف شده اند:
mapType
- نوع نقشه برای نمایش. مقادیر معتبر عبارتند از:none
،normal
،hybrid
،satellite
وterrain
.cameraTargetLat
،cameraTargetLng
،cameraZoom
،cameraBearing
،cameraTilt
— موقعیت اولیه دوربین. برای جزئیات به راهنمای دوربین و نماها مراجعه کنید.uiZoomControls
،uiCompass
- مشخص می کند که آیا کنترل های بزرگنمایی و قطب نما نمایش داده شوند یا خیر. برای جزئیات بیشتر بهUiSettings
مراجعه کنید.uiZoomGestures
،uiScrollGestures
،uiRotateGestures
،uiTiltGestures
— مشخص می کند که آیا حرکات خاصی فعال هستند یا خیر. برای جزئیات بیشتر بهUiSettings
مراجعه کنید.zOrderOnTop
- نشان می دهد که آیا سطح نمای نقشه در بالای پنجره نقشه، کنترل های نقشه و هر شیئی در پنجره نمایش داده می شود. برای جزئیات به SurfaceView.setZOrderOnTop(boolean) مراجعه کنید.useViewLifecycle
- فقط با یک شیSupportMapFragment
معتبر است. مشخص می کند که چرخه حیات نقشه باید به نمای قطعه یا خود قطعه مرتبط باشد. برای جزئیات اینجا را ببینید.liteMode
-true
برای فعال کردن حالت ساده . در غیر این صورت،false
mapColorScheme
- طرح رنگ را برای یک نقشه معمولی و زمین مشخص می کند. مقادیر شاملlight
(پیشفرض)،dark
، وfollow_system
است به این معنی که از تنظیمات فعلی سیستم بر اساس تنظیمات دستگاه برایUI_NIGHT_MODE_MASK
استفاده کنید. برای اطلاعات بیشتر، به طرح رنگ نقشه مراجعه کنید.
برای استفاده از این ویژگیهای سفارشی در فایل طرحبندی، باید شامل اعلان فضای نام زیر باشد. شما می توانید هر فضای نامی را انتخاب کنید، لازم نیست map
باشد:
xmlns:map="http://schemas.android.com/apk/res-auto"
سپس می توانید ویژگی ها را با پیشوند map:
به فایل طرح بندی خود اضافه کنید.
فایل طرح بندی زیر یک شی SupportMapFragment
با ویژگی های نقشه سفارشی پیکربندی می کند. همین ویژگی ها را می توان برای یک شی MapView
نیز اعمال کرد.
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="http://schemas.android.com/apk/res-auto"
android:name="com.google.android.gms.maps.SupportMapFragment"
android:id="@+id/map"
android:layout_width="match_parent"
android:layout_height="match_parent"
map:cameraBearing="112.5"
map:cameraTargetLat="-33.796923"
map:cameraTargetLng="150.922433"
map:cameraTilt="30"
map:cameraZoom="13"
map:mapType="normal"
map:mapColorScheme="dark"
map:uiCompass="false"
map:uiRotateGestures="true"
map:uiScrollGestures="false"
map:uiTiltGestures="true"
map:uiZoomControls="false"
map:uiZoomGestures="true"/>
پس از افزودن یک نقشه به صورت پویا، آن را پیکربندی کنید
این بخش نحوه تنظیم وضعیت اولیه نقشه را در صورتی که آن را به صورت پویا به برنامه خود اضافه کرده باشید، توضیح می دهد.
اگر یک SupportMapFragment
یا MapView
به صورت پویا اضافه کرده اید، می توانید وضعیت اولیه نقشه را در یک شیء GoogleMapOptions
تنظیم کنید. گزینه های موجود همان گزینه هایی هستند که در فایل layout موجود هستند. شما می توانید یک GoogleMapOptions
به صورت زیر ایجاد کنید:
کاتلین
val options = GoogleMapOptions()
جاوا
GoogleMapOptions options = new GoogleMapOptions();
و سپس آن را به صورت زیر پیکربندی کنید:
کاتلین
options.mapType(GoogleMap.MAP_TYPE_SATELLITE) .compassEnabled(false) .rotateGesturesEnabled(false) .tiltGesturesEnabled(false)
جاوا
options.mapType(GoogleMap.MAP_TYPE_SATELLITE) .compassEnabled(false) .rotateGesturesEnabled(false) .tiltGesturesEnabled(false);
برای اعمال این گزینه ها هنگام ایجاد نقشه، یکی از موارد زیر را انجام دهید:
- اگر از یک
SupportMapFragment
استفاده میکنید، از روش کارخانه ثابتSupportMapFragment.newInstance(GoogleMapOptions options)
برای ساخت قطعه و عبور در تنظیمات خود استفاده کنید. - اگر از
MapView
استفاده می کنید، از سازندهMapView(Context, GoogleMapOptions)
استفاده کنید و تنظیمات خود را پاس کنید.
نقشه خود را بومی سازی کنید
هنگامی که MapView
یا SupportMapFragment
را به برنامه خود اضافه می کنید، عناصر متنی روی نقشه بر اساس تنظیمات دستگاه و موقعیت مکانی کاربر به زبان مناسب نمایش داده می شوند. با افزودن یک آیتم resConfigs
به فایل Gradle خود، میتوانید زبانهای مورد استفاده برنامه خود را به زیرمجموعهای از همه زبانهای پشتیبانیشده محدود کنید. این برای حذف زبان های استفاده نشده مفید است و همچنین اندازه باینری برنامه شما را کاهش می دهد. به عنوان مثال:
defaultConfig {
resConfigs "en", "fr", "es", "zh", "de", "ja", "ru", "ko", "pt", "in"
}
درباره بومی سازی برنامه Android خود بیشتر بخوانید.
لایه ترافیک را تنظیم کنید
با فعال کردن لایه ترافیک می توانید داده های ترافیک را روی نقشه خود نمایش دهید. شما می توانید با فراخوانی متد setTrafficEnabled()
لایه ترافیک را فعال و غیرفعال کنید و با فراخوانی متد isTrafficEnabled()
تعیین کنید که آیا لایه ترافیک در حال حاضر روشن است یا خیر. تصویر زیر نقشه ای را نشان می دهد که لایه ترافیک فعال است.
نوع نقشه را تنظیم کنید
برای تنظیم نوع نقشه، متد setMapType
را فراخوانی کنید. به عنوان مثال، برای نمایش یک نقشه ماهواره ای:
کاتلین
// Sets the map type to be "hybrid" map.mapType = GoogleMap.MAP_TYPE_HYBRID
جاوا
// Sets the map type to be "hybrid" map.setMapType(GoogleMap.MAP_TYPE_HYBRID);
تصویر زیر انواع نقشه های معمولی، ترکیبی و زمین را مقایسه می کند:
راه اندازی ساختمان های سه بعدی
بسیاری از شهرها، وقتی از نزدیک مشاهده شوند، ساختمان های سه بعدی قابل مشاهده خواهند بود، همانطور که در تصویر زیر از ونکوور، کانادا قابل مشاهده است. با تماس با GoogleMap.setBuildingsEnabled(false)
می توانید ساختمان های سه بعدی را غیرفعال کنید.
تنظیمات نقشه داخلی را تنظیم کنید
در سطوح زوم بالا، نقشه پلان های طبقات فضاهای داخلی مانند فرودگاه ها، مراکز خرید، فروشگاه های خرده فروشی بزرگ و ایستگاه های حمل و نقل را نشان می دهد. این نقشههای طبقه، که نقشههای داخلی نامیده میشوند، برای انواع نقشههای «عادی» و «ماهوارهای» ( GoogleMap.MAP_TYPE_NORMAL
و GoogleMap.MAP_TYPE_SATELLITE
) نمایش داده میشوند. هنگامی که کاربر بزرگنمایی می کند، آنها به طور خودکار فعال می شوند و زمانی که نقشه کوچک می شود، محو می شوند.
اخطار منسوخ شدن: در نسخه بعدی، نقشههای داخلی فقط در نوع نقشه normal
در دسترس خواهند بود. از زمان انتشار آینده، نقشههای داخلی در نقشههای satellite
، terrain
یا hybrid
پشتیبانی نمیشوند. حتی در جایی که indoor پشتیبانی نمیشود، isIndoorEnabled()
همچنان مقداری را که از طریق setIndoorEnabled()
تنظیم شده است، باز میگرداند، همانطور که اکنون انجام میدهد. به طور پیش فرض، setIndoorEnabled
true
است. یادداشتهای انتشار به شما اطلاع میدهند که پشتیبانی داخلی در آن انواع نقشه در دسترس نباشد.
در اینجا خلاصه ای از عملکرد نقشه های داخلی در API آمده است:
- میتوانید نقشههای داخلی را با تماس با
GoogleMap.setIndoorEnabled(false)
غیرفعال کنید. به طور پیش فرض، نقشه های داخلی فعال هستند. نقشه های داخلی در یک زمان روی یک نقشه نمایش داده می شوند. به طور پیش فرض این اولین نقشه ای است که به برنامه شما اضافه شده است. برای نمایش نقشه های داخلی روی نقشه دیگری، آنها را در نقشه اول غیرفعال کنید، سپس در نقشه دومsetIndoorEnabled(true)
فراخوانی کنید. - برای غیرفعال کردن انتخابگر سطح پیشفرض (انتخابگر طبقه)، با
GoogleMap.getUiSettings().setIndoorLevelPickerEnabled(false)
تماس بگیرید. برای جزئیات بیشتر، به تعامل با نقشه مراجعه کنید. -
OnIndoorStateChangeListener
- شنوندگانی را تعریف می کند که تشخیص می دهند وقتی یک ساختمان فوکوس می شود یا سطحی در یک ساختمان فعال می شود. برای جزئیات، به تعامل با نقشه مراجعه کنید. -
getFocusedBuilding
- ساختمانی را که در فوکوس است بازیابی می کند. سپس می توانید سطح فعال را با فراخوانیIndoorBuilding.getActiveLevelIndex()
بیابید. - طراحی نقشه پایه بر نقشه های داخلی تأثیری ندارد.
بالشتک نقشه را تنظیم کنید
این ویدیو نمونه ای از بالشتک نقشه را نشان می دهد.
یک نقشه Google برای پر کردن کل منطقه تعریف شده توسط عنصر کانتینر آن، معمولاً MapView
یا SupportMapFragment
طراحی شده است. چندین جنبه از نحوه ظاهر و رفتار نقشه با ابعاد ظرف آن تعریف می شود:
- هدف دوربین مرکز ناحیه بالشتک شده را منعکس خواهد کرد.
- کنترل های نقشه نسبت به لبه های نقشه قرار می گیرند.
- اطلاعات حقوقی، مانند بیانیههای حق نسخهبرداری یا نشانواره Google در لبه پایین نقشه ظاهر میشوند.
میتوانید با استفاده از GoogleMap
، لبههای نقشه را اضافه کنید. متد setPadding()
. نقشه همچنان کل محفظه را پر می کند، اما موقعیت یابی متن و کنترل، حرکات نقشه و حرکات دوربین به گونه ای عمل می کند که گویی در فضای کوچکتری قرار گرفته است. این منجر به تغییرات زیر می شود:
- حرکات دوربین از طریق تماسهای API یا فشار دادن دکمهها (مثلاً قطبنما، مکان من، دکمههای زوم) نسبت به ناحیه بالشتکشده است.
- متد
getCameraPosition
مرکز ناحیه padded را برمی گرداند. - متدهای
Projection
وgetVisibleRegion
ناحیه padded را برمی گرداند. - کنترلهای UI از لبه کانتینر با تعداد پیکسلهای مشخص شده جابجا میشوند.
هنگام طراحی رابطهای کاربری که روی بخشی از نقشه همپوشانی دارند، پد کردن میتواند مفید باشد. در تصویر زیر، نقشه در امتداد لبه های بالا و سمت راست قرار گرفته است. کنترلهای نقشه قابل مشاهده و متن قانونی در امتداد لبههای ناحیه پرشده، به رنگ سبز نشان داده میشوند، در حالی که نقشه همچنان کل ظرف را که به رنگ آبی نشان داده شده است، پر میکند. در این مثال، میتوانید منویی را در سمت راست نقشه بدون پنهان کردن کنترلهای نقشه شناور کنید.
طرح رنگ نقشه
برای نقشههایی از نوع عادی و زمین، میتوانید طرح رنگ نقشه را به صورت پویا روی تیره، روشن یا برای استفاده از تنظیمات فعلی سیستم تنظیم کنید. برای مثال، میتوانید طرح رنگ نقشه را بر اساس زمان روز یا استفاده در داخل یا خارج از دستگاه تیره یا روشن کنید.
به طور پیش فرض، نقشه از حالت نور استفاده می کند. مقدار تنظیم فعلی سیستم بر اساس تنظیمات دستگاه برای UI_NIGHT_MODE_MASK
است.
کاتلین
mapFragment = SupportMapFragment.newInstance(GoogleMapOptions().mapColorScheme(MapColorScheme.DARK).mapId(mapId2))
جاوا
mapFragment = SupportMapFragment.newInstance(new GoogleMapOptions().mapColorScheme(MapColorScheme.DARK).mapId(mapId2));
میتوانید طرح رنگ را با استفاده از روش GoogleMap.setMapColorScheme()
تغییر دهید تا سبک فعلی را روی حالت تاریک، حالت روشن قرار دهید یا تنظیمات سیستم را دنبال کنید.
کاتلین
googleMap.setMapColorScheme(MapColorScheme.DARK) googleMap.setMapColorScheme(MapColorScheme.LIGHT) googleMap.setMapColorScheme(MapColorScheme.FOLLOW_SYSTEM)
جاوا
googleMap.setMapColorScheme(MapColorScheme.DARK); googleMap.setMapColorScheme(MapColorScheme.LIGHT); googleMap.setMapColorScheme(MapColorScheme.FOLLOW_SYSTEM);
رنگ پس زمینه را پیکربندی کنید
هنگام کار در حالت تاریک یا جابجایی بین نماهای نقشه، ممکن است پیکربندی رنگ پسزمینه نقشه پیشفرض مفید باشد. این را می توان با تنظیم ویژگی های backgroundColor
گزینه های نقشه به دست آورد.
کاتلین
private val googleMapOptions: GoogleMapOptions = GoogleMapOptions().backgroundColor(Color.argb(255, 255, 0, 0));
جاوا
private GoogleMapOptions options = new GoogleMapOptions().backgroundColor(Color.argb(255, 255, 0, 0));
برای پیکربندی رنگ پسزمینه نیز میتوانید از طراحی نقشههای مبتنی بر ابر استفاده کنید. رنگ پسزمینه تنظیمشده در طراحی نقشهها اولویت بیشتری نسبت به رنگ پسزمینه محلی دارد. برای اطلاعات بیشتر، تغییر رنگ پسزمینه برنامه برای طراحی نقشههای مبتنی بر ابر را ببینید.