{"id":378909,"date":"2024-06-14T15:01:26","date_gmt":"2024-06-14T15:01:26","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=378909"},"modified":"-0001-11-30T00:00:00","modified_gmt":"2024-06-14T15:01:26","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=378909","title":{"rendered":"<span>\u041c\u0430\u0441\u0442\u0435\u0440 \u043a\u0430\u0440\u0442 \u0438\u043b\u0438 \u043a\u0430\u043a \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c Google \u0438 \u042f\u043d\u0434\u0435\u043a\u0441 \u043a\u0430\u0440\u0442\u044b \u0432 Android<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0433\u0435\u043e\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043a\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u043a\u0430\u0440\u0442, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a Google Maps \u0438 \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 API \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u0440\u044f\u0434\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043d\u0438\u043c\u0438.<\/p>\n<p>\u041f\u043e\u0447\u0435\u043c\u0443 Google Maps?<\/p>\n<p>Google Maps \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c\u043e\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0432 \u043c\u0438\u0440\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0441\u0432\u043e\u0435\u0439 \u0448\u0438\u0440\u043e\u043a\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0445. \u041e\u0434\u043d\u0430\u043a\u043e, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u0435 \u043f\u043b\u044e\u0441\u044b, \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u0430\u0440\u0442 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e\u0439.<\/p>\n<p>\u041f\u043e\u0447\u0435\u043c\u0443 \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b?<\/p>\n<p>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0431\u043e\u043b\u0435\u0435 \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u044b \u0434\u043b\u044f \u0420\u043e\u0441\u0441\u0438\u0438 \u0438 \u0441\u0442\u0440\u0430\u043d \u0421\u041d\u0413. \u041e\u0434\u043d\u0430\u043a\u043e \u0438 \u0443 \u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u043b\u0438\u043c\u0438\u0442\u044b DAU, \u043a\u0440\u0430\u0448\u0438 \u0438 \u0431\u0430\u0433\u0438.<\/p>\n<p>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430:<\/p>\n<ul>\n<li>\n<p>\u0413\u0438\u0431\u043a\u043e\u0441\u0442\u044c: \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e.<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u0430\u044f \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c: \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043c\u0435\u043d\u044b \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u043f\u0440\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u0438 \u043e\u0448\u0438\u0431\u043e\u043a.<\/p>\n<\/li>\n<li>\n<p>\u0420\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430.<\/p>\n<\/li>\n<\/ul>\n<p>\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438:<\/p>\n<ul>\n<li>\n<p>\u0420\u0430\u0437\u043d\u043e\u0435 API: \u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u0451 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 API, \u0447\u0442\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438: \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0442\u0440\u0443\u0434\u043e\u0451\u043c\u043a\u0438\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c.<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0434\u043b\u044f \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432 \u043a\u0430\u0440\u0442 \u0438 \u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u0442\u044c\u0441\u044f. \u041c\u044b \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438.<\/p>\n<h2>\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043a\u0430\u0440\u0442\u0430\u043c\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435.<\/p>\n<p><strong>Google Maps<\/strong><\/p>\n<p>\u041a\u043b\u044e\u0447 API \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435.\u00a0<\/p>\n<pre><code class=\"kotlin\">&lt;meta-data   android:name=\"com.google.android.geo.API_KEY\"   android:value=\"${GOOGLE_MAPS_API_KEY}\" \/><\/code><\/pre>\n<p><a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk?hl=ru\" rel=\"noopener noreferrer nofollow\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0432 get started<\/a> \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<p>\u041a\u043b\u044e\u0447 API \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044f \u0432 Application \u043a\u043b\u0430\u0441\u0441\u0435.<\/p>\n<pre><code class=\"kotlin\"> class App: Application() {     override fun onCreate() {         super.onCreate()         MapKitFactory.setApiKey(BuildConfig.MAPKIT_API_KEY)     } }<\/code><\/pre>\n<p> <a href=\"https:\/\/yandex.ru\/dev\/mapkit\/doc\/ru\/android\/generated\/getting_started\" rel=\"noopener noreferrer nofollow\">\u0422\u0430\u043a \u0436\u0435 get started<\/a> \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/p>\n<p>\u0417\u0430\u0434\u0430\u0442\u044c \u043a\u043b\u044e\u0447 \u043d\u0443\u0436\u043d\u043e \u0434\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u0430\u0440\u0442\u044b. \u0415\u0441\u043b\u0438 \u0437\u0430\u0434\u0430\u0435\u043c \u043a\u043b\u044e\u0447 \u0432 activity, \u0432\u0430\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043c\u0435\u0440\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430(saveInstanceState).<\/p>\n<h2>Lite \u0432\u0435\u0440\u0441\u0438\u044f<\/h2>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0445\u043e\u0442\u0435\u043b \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u0443\u044e \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u043e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u043a\u0430\u0440\u0442.<\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<p>\u0414\u043b\u044f mapkit \u043e\u0442 \u044f\u043d\u0434\u0435\u043a\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043b\u0430\u0439\u0442 \u0432\u0435\u0440\u0441\u0438\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 <strong>4.6.*-lite<\/strong><\/p>\n<p><code>com.yandex.android:maps.mobile:4.6.1-lite.<\/code><\/p>\n<p>Google Maps<\/p>\n<p>\u0424\u043b\u0430\u0433 liteMode \u0432\u043c\u0435\u0441\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 bitmap \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u043b\u043e\u043a\u0430\u0446\u0438\u0435\u0439 \u0438 \u0437\u0443\u043c\u043e\u043c.<\/p>\n<p>app:liteMode=&#187;true&#187; \u0432 xml \u0438\u043b\u0438 GoogleMapOptions(\u043f\u0440\u0438\u043c\u0435\u0440 \u0431\u0443\u0434\u0435\u0442 \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430).<\/p>\n<p>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0436\u0446 \u0434\u043b\u044f \u043e\u0431\u043b\u0435\u0433\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0430 \u043a\u0430\u0440\u0442\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f <em>\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c<\/em>.<\/p>\n<p>\u0422\u0430\u043a \u0436\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u0430\u043c\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u043e\u0432 \u043a\u0430\u0440\u0442. \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u043e\u0431\u044a\u0435\u043a\u0442, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a bitmap.<\/p>\n<h2>\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440<\/h2>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440<\/p>\n<pre><code class=\"kotlin\">interface MapProvider {     fun provide(         holder: FrameLayout,         lifecycleOwner: LifecycleOwner? = null,         interactive: Boolean = false,         movable: Boolean = false,         onMapLoaded: (AwesomeMap) -> Unit     ) }<\/code><\/pre>\n<p>\u041a\u0430\u043a \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c FrameLayout<\/p>\n<h2>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432<\/h2>\n<p><u>\u0427\u0442\u043e \u0442\u043e \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c, \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 \u0441\u0442\u0430\u0442\u044c\u0438<\/u><\/p>\n<p><strong>Google Maps<\/strong><\/p>\n<pre><code class=\"kotlin\">class GoogleMapsProvider(private val context: Context) : MapProvider {      override fun provide(         holder: FrameLayout,         lifecycleOwner: LifecycleOwner?,         interactive: Boolean,         movable: Boolean,         onMapLoaded: (AwesomeMap) -> Unit     ) {         holder.removeAllViews()         val options = GoogleMapOptions().apply {             liteMode(!interactive)         }         val mapView = MapView(context, options)         holder.addView(mapView)          lifecycleOwner?.lifecycleScope?.launch {             lifecycleOwner.lifecycle.repeatOnLifecycle(Lifecycle.State.CREATED) {                 mapView.onCreate(null)                 mapView.onResume()                 val map = mapView.awaitMap()                 val awesomeMap = AwesomeMapGoogle(map, mapView)                 map.awaitMapLoad()                 onMapLoaded(awesomeMap)                 map.setOnMarkerClickListener(awesomeMap)             }         }     }<\/code><\/pre>\n<p>\u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0433\u0443\u0433\u043b-\u043a\u0430\u0440\u0442\u0430\u043c\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0438\u043d\u0441\u0442\u0430\u043d\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 GoogleMap, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0432 OnMapReadyCallback, \u0438\u043b\u0438 \u0436\u0435 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0440\u0443\u0442\u0438\u043d\u044b \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 MapView.awaitMap(). <\/p>\n<p><a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk\/ktx?hl=ru\" rel=\"noopener noreferrer nofollow\">maps-ktx<\/a><\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<pre><code class=\"kotlin\">class YandexMapsProvider(private val context: Context) : MapProvider {      private val yaMapLoadedListeners: MutableList&lt;MapLoadedListener> = mutableListOf()      override fun provide(         holder: FrameLayout,         lifecycleOwner: LifecycleOwner?,         interactive: Boolean,         movable: Boolean,         onMapLoaded: (AwesomeMap) -> Unit     ) {         holder.removeAllViews()         val mapView = MapView(context)         mapView.onStart()         MapKitFactory.getInstance().onStart()          val map = AwesomeMapYandex(mapView)         val innerLoadListener = MapLoadedListener { onMapLoaded(map) }         yaMapLoadedListeners.add(innerLoadListener) \/\/ \u0445\u0440\u0430\u043d\u0438\u043c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 listener         mapView.mapWindow.map.setMapLoadedListener(innerLoadListener)         mapView.setNoninteractive(!interactive)     } }<\/code><\/pre>\n<p><strong>\u0415\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0443 \u043a\u0430\u043a \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435, \u0442.\u0435.\u00a0 \u0431\u0435\u0437 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/strong><\/p>\n<p>\u042f\u043d\u0434\u0435\u043a\u0441 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440:<\/p>\n<p><code>MapView.isClickable = interactive<\/code><\/p>\n<p><code>liteMode(!interactive)<\/code>\u00a0<\/p>\n<p>\u0413\u0443\u0433\u043b \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440:<\/p>\n<p><code>mapView.setNoninteractive(!interactive)<\/code><\/p>\n<p>MapKit \u0445\u0440\u0430\u043d\u0438\u0442 \u0441\u043b\u0430\u0431\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0435\u043c\u0443 Listener-\u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0445 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<h2>\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b<\/h2>\n<p>\u041a\u0430\u043a\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n<p>\u0412 \u043c\u043e\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440: \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043b\u043e\u043a\u0430\u0446\u0438\u044e \u043f\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c, \u0437\u0443\u043c \u0438 \u043c\u0435\u0442\u043a\u0438.<br \/>\u00a0<br \/>\u00a0\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e: \u041f\u043e\u043b\u0438\u043b\u0430\u0439\u043d\u044b, \u043f\u043e\u043b\u0438\u0433\u043e\u043d\u044b, \u0437\u0443\u043c \u0441\u00a0 \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c\u0438\u00a0 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 \u0438 \u0440\u0430\u0434\u0438\u0443\u0441.<\/p>\n<pre><code class=\"kotlin\">interface AwesomeMap {      val defaultZoom: Float     val zoom: Float     val target: Location        fun addMarker(location: Location, id: Long? = null): MapMarker?     fun addCircle(...): MapCircle     fun addPolyline(...)     fun moveCamera(...)     fun onMarkerClick(callback: (Long) -> Unit)     fun setCameraListener(listener: CameraEventListener)     fun zoomIn()     fun zoomOut()          fun onStart()     fun onStop() }<\/code><\/pre>\n<p>\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 Map.<\/p>\n<pre><code class=\"kotlin\">class AwesomeMapYandex(     private val mapView: MapView ) : AwesomeMap {      private val map get() = mapView.mapWindow.map     private val context get() = mapView.context     override val defaultZoom: Float = 16f     override val target get() = map.cameraPosition.target.toLocation()     override val zoom get() = map.cameraPosition.zoom      private var markerClickListener: (Long) -> Unit = {}     private val mapObjectTapListener = MapObjectTapListener { mapObject, _ ->         val id = mapObject.userData as? Long         id?.let(markerClickListener)         true     }      private var cameraEventListener: CameraEventListener? = null     private val cameraListener: CameraListener =         CameraListener { map, cameraPosition, cameraUpdateReason, finished ->             if (finished) {                 cameraEventListener?.onCameraIdleListener()                 return@CameraListener             } else {                 cameraEventListener?.onMoveListener()             }             if (cameraUpdateReason == CameraUpdateReason.GESTURES) cameraEventListener?.onGestureListener()         }      init {         map.mapObjects.addTapListener(mapObjectTapListener)         map.addCameraListener(cameraListener)     }      override fun zoomIn() {         ...     }      override fun zoomOut() {         ...     }      override fun addMarker(         location: Location,         id: Long?     ): MapMarker = map.let { yaMap ->         val placemark = yaMap.mapObjects.addPlacemark().apply {             geometry = location.toPoint()         }         return object : MapMarker {             override var zIndex: Float                 get() = placemark.zIndex                 set(value) {                     placemark.zIndex = value                 }             override var location: Location                 get() = placemark.geometry.toLocation()                 set(value) {                     placemark.geometry = value.toPoint()                 }             override var id: Long                 set(value) {                     placemark.userData = value                 }                 get() = placemark.userData as Long               override fun setImage(bitmap: Bitmap, anchor: Pair&lt;Float, Float>?) {                 val imageProvider = ImageProvider.fromBitmap(bitmap)                 placemark.apply {                     setIcon(imageProvider)                     setIconStyle(IconStyle().apply {                         anchor?.let {                             this.anchor = PointF(anchor.first, anchor.second)                         }                     })                 }             }              override fun remove() {                 yaMap.mapObjects.remove(placemark)             }         }     }      override fun addCircle(         context: Context,         position: Location,         currentRange: Double,         @ColorRes circleColor: Int,         stroke: Boolean     ): MapCircle {       ...     }      override fun addPolyline(locations: List&lt;Location>, colorRes: Int, width: Float) {         val polyline = Polyline(locations.map { it.toPoint() })         map.mapObjects.addPolyline(polyline).apply {             strokeWidth = width             setStrokeColor(ContextCompat.getColor(context, colorRes))         }     }      override fun moveCamera(         location: Location,         zoomLevel: Float?,         zoomRange: Float?,         isAnimated: Boolean     ) {         val rangePosition = zoomRange?.let {             val circle = Circle(location.toPoint(), zoomRange)             map.cameraPosition(Geometry.fromCircle(circle))         }         val pointPosition = CameraPosition(             location.toPoint(),             zoomLevel ?: map.cameraPosition.zoom,             map.cameraPosition.azimuth,             map.cameraPosition.tilt         )         if (isAnimated) {             map.move(                 rangePosition ?: pointPosition,                 Animation(Animation.Type.SMOOTH, defaultAnimateDuration),                 null             )         } else {             map.move(rangePosition ?: pointPosition)         }     }      override fun onMarkerClick(callback: (id: Long) -> Unit) {         markerClickListener = callback     }      override fun setCameraListener(listener: CameraEventListener) {         cameraEventListener = listener     }      override fun onStart() {         MapKitFactory.getInstance().onStart()         mapView.onStart()     }      override fun onStop() {         MapKitFactory.getInstance().onStop()         mapView.onStop()     }      private companion object {         const val defaultAnimateDuration = 0.5f         const val defaultZoomDuration = 0.3f     } }<\/code><\/pre>\n<p>\u041a\u0430\u043a \u044f \u0438 \u043f\u0438\u0441\u0430\u043b \u0432\u044b\u0448\u0435, \u043d\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u0441\u0435 \u043b\u0438\u0441\u0442\u0435\u043d\u0435\u0440\u044b \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0438\u043d\u0430\u0447\u0435 \u043a\u0430\u0440\u0442\u0430 \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043d\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u043d\u0430 \u0442\u0430\u043f\u044b \u043f\u043e \u043c\u0435\u0442\u043a\u0430\u043c.<\/p>\n<pre><code class=\"kotlin\">class AwesomeMapGoogle(     private var map: GoogleMap,     private var mapView: com.google.android.gms.maps.MapView ) : AwesomeMap, OnMarkerClickListener {      private val context get() = mapView.context     override val defaultZoom: Float = 16f     override val target: Location get() = map.cameraPosition.target.toLocation()     override val zoom: Float get() = map.cameraPosition.zoom     private var markerClickListener: (Long) -> Unit = {}      var mapType: Int         get() = map.mapType         set(value) {             map.mapType = value         }      override fun addMarker(location: Location, id: Long?): MapMarker? {         val marker = map.addMarker {             position(location.toLatLng())         } ?: return null         return object : MapMarker {             override var zIndex: Float                 get() = marker.zIndex                 set(value) {                     marker.zIndex = value                 }             override var location: Location                 get() = marker.position.toLocation()                 set(value) {                     marker.position = value.toLatLng()                 }             override var id: Long                 get() = marker.tag as Long                 set(value) {                     marker.tag = value                 }              override fun setImage(bitmap: Bitmap, anchor: Pair&lt;Float, Float>?) {                 marker.setIcon(BitmapDescriptorFactory.fromBitmap(bitmap))                 anchor?.let {                     marker.setAnchor(anchor.first, anchor.second)                 } ?: run {                     marker.setAnchor(0.5f, 0.5f)                 }             }              override fun remove() {                 marker.remove()             }         }     }      override fun addCircle(         context: Context,         position: Location,         currentRange: Double,         circleColor: Int,         stroke: Boolean     ): MapCircle {       ...     }      override fun addPolyline(locations: List&lt;Location>, colorRes: Int, width: Float) {         val polyline = PolylineOptions()             .width(width)             .color(ContextCompat.getColor(context, colorRes))          locations.forEach {             polyline.add(it.toLatLng())         }         map.addPolyline(polyline)     }      override fun moveCamera(location: Location, zoomLevel: Float?, zoomRange: Float?, isAnimated: Boolean) {         val rangePosition = zoomRange?.let {             CameraUpdateFactory.newLatLngZoom(                 location.toLatLng(),                 zoomRange             )         }          val defaultZoom = if (zoom &lt; defaultZoom) 14f else zoom         map.animateCamera(             rangePosition ?: CameraUpdateFactory.newLatLngZoom(                 location.toLatLng(),                 zoomLevel ?: defaultZoom             )         )     }      override fun onMarkerClick(callback: (Long) -> Unit) {         markerClickListener = callback     }      override fun setCameraListener(listener: CameraEventListener) {         map.setOnCameraIdleListener { listener.onCameraIdleListener() }         map.setOnCameraMoveListener { listener.onMoveListener() }         map.setOnCameraMoveStartedListener {             if (it == GoogleMap.OnCameraMoveStartedListener.REASON_GESTURE) {                 listener.onGestureListener()             }         }     }      override fun onStart() {         mapView.onStart()     }      override fun onStop() {         mapView.onStop()     }      override fun zoomIn() {         map.animateCamera(CameraUpdateFactory.zoomIn(), 300, null)     }      override fun zoomOut() {         map.animateCamera(CameraUpdateFactory.zoomOut(), 300, null)     }      override fun onMarkerClick(marker: Marker): Boolean {         val id = marker.tag as Long         markerClickListener(id)         return true     } }<\/code><\/pre>\n<p>\u0422\u0443\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 OnMarkerClickListener. \u0422\u0430\u043a \u0436\u0435 \u044d\u0432\u0435\u043d\u0442\u044b \u0442\u0430\u043f\u043e\u0432 \u043d\u0430 \u043c\u0430\u0440\u043a\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 map.mapClickEvents(), \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 flow.<\/p>\n<p>\u041e\u0431\u0449\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439. \u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430, \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 provide \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0438\u043d\u0441\u0442\u0430\u043d\u0441 Map.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/a52\/5f8\/bab\/a525f8babb52183a10a8f15858b019a1.png\" width=\"2362\" height=\"692\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/a52\/5f8\/bab\/a525f8babb52183a10a8f15858b019a1.png\"\/><\/figure>\n<h2>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e<\/h2>\n<p>\u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u043e\u0441\u044c \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u043e\u0442 \u044f\u043d\u0434\u0435\u043a\u0441 \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430: \u043a\u0430\u0440\u0442\u0430 \u043f\u0440\u043e\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f\u00a0\u0434\u0430\u0436\u0435 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u0441\u043f\u0438\u0441\u043a\u0430.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/c5e\/610\/d5f\/c5e610d5f9d819186009e862bb1c557b.png\" width=\"295\" height=\"640\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/c5e\/610\/d5f\/c5e610d5f9d819186009e862bb1c557b.png\"\/><\/figure>\n<p>\u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0434\u043b\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043a\u0430\u0440\u0442\u044b \u043f\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f SurfaceView, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0442\u043e\u043a \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u043d \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441\u043f\u0438\u0441\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<\/p>\n<p>\u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 xml \u0430\u0442\u0442\u0440\u0438\u0431\u0443\u0442\u0435 yandex:movable=&#187;true&#187;<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0432\u044b\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432 true, \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0441\u044f TextureView, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 UI \u043f\u043e\u0442\u043e\u043a\u0435 \u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u0435 \u0431\u0443\u0434\u0435\u0442, \u043d\u044e\u0430\u043d\u0441 \u043b\u0438\u0448\u044c \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u0430\u0442\u0442\u0440\u0438\u0431\u0443\u0442 \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0432 xml, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f mapview \u0432 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0435 \u043f\u0440\u0438\u043c\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0432\u0438\u0434:<\/p>\n<pre><code class=\"kotlin\">class YandexMapsProvider(private val context: Context) : MapProvider {     override fun provide(...) {         val mapView = if (movable) {             val mapkitViewBinding = MapkitViewBinding.inflate(LayoutInflater.from(holder.context), holder, true)             mapkitViewBinding.root         } else {             MapView(context)                 .apply {                     layoutParams = FrameLayout.LayoutParams(                         FrameLayout.LayoutParams.MATCH_PARENT,                         FrameLayout.LayoutParams.MATCH_PARENT                     )                     holder.addView(this)                 }         }         ...   } }<\/code><\/pre>\n<h2> \u0410 \u043a\u0430\u043a \u0432 compose?<\/h2>\n<p>\u0414\u043b\u044f \u043e\u0431\u043e\u0438\u0445 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432 \u043a\u0430\u0440\u0442 \u043f\u043e\u043a\u0430 \u043d\u0435\u0442 <em>\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439<\/em> \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430 compose(\u044f\u043d\u0434\u0435\u043a\u0441 \u043e\u0431\u0435\u0449\u0430\u043b\u0438 \u0432 24 \u0433\u043e\u0434\u0443, \u0431\u0443\u0434\u0435\u043c \u0436\u0434\u0430\u0442\u044c), \u043d\u043e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e AndroidView \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0443\u0436\u043d\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0436\u0446.<\/p>\n<h2>\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435<\/h2>\n<p>\u0420\u0430\u0431\u043e\u0442\u0430\u044f \u0441 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430\u043c\u0438, \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0445\u043e\u0442\u044c \u0438 \u0441 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u043c\u0438 \u0440\u0430\u043c\u043a\u0430\u043c\u0438, \u0441\u0442\u043e\u0438\u0442 \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0442\u044c, \u0447\u0442\u043e \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0441\u0432\u043e\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f. \u0413\u043e\u0432\u043e\u0440\u044f \u043f\u0440\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438, \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u0438\u0442\u044c:<\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<p>\u0414\u043b\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f:<\/p>\n<p>&#8212; \u041d\u0435 \u0431\u043e\u043b\u0435\u0435 1000 \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u0434\u0435\u043d\u044c (DAU).<\/p>\n<p>&#8212; \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u042f\u043d\u0434\u0435\u043a\u0441 \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441\u043a\u0440\u044b\u0442 \u043d\u0430 \u043a\u0430\u0440\u0442\u0430\u0445.<\/p>\n<p>&#8212; \u0414\u0440\u0443\u0433\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438: <a href=\"https:\/\/yandex.ru\/dev\/commercial\/doc\/ru\/?from=mapsapi\" rel=\"noopener noreferrer nofollow\">Yandex Commercial Usage<\/a>.<\/p>\n<p><strong>Google Maps<\/strong><\/p>\n<p>Google \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 $200 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0433\u043e \u043a\u0440\u0435\u0434\u0438\u0442\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u0435\u0441\u044f\u0446 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Google Maps Platform, \u0432\u043a\u043b\u044e\u0447\u0430\u044f Maps SDK for Android. \u042d\u0442\u043e \u044d\u043a\u0432\u0438\u0432\u0430\u043b\u0435\u043d\u0442\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e 28,000 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u043e. \u041a\u0430\u0436\u0434\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u0430\u0440\u0442\u044b \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u043a\u0430\u0440\u0442\u043e\u0439. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0443\u0437\u043d\u0430\u0442\u044c \u0437\u0434\u0435\u0441\u044c: <a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk\/usage-and-billing#set-caps\" rel=\"noopener noreferrer nofollow\">Google Maps Usage and Billing<\/a>.<\/p>\n<p>\u0415\u0449\u0435 \u0425\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u0435\u0449\u0435 \u0437\u0430\u0442\u0440\u043e\u043d\u0443\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043c: <\/p>\n<ol>\n<li>\n<p>\u041a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u0442\u0430\u0439\u043b\u044b<\/p>\n<\/li>\n<li>\n<p>\u041a\u043b\u0430\u0441\u0442\u0435\u0440\u0438\u0437\u0430\u0446\u0438\u044f<\/p>\n<\/li>\n<li>\n<p>\u041c\u0430\u0440\u0448\u0440\u0443\u0442\u044b<\/p>\n<\/li>\n<li>\n<p>\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435<\/p>\n<\/li>\n<\/ol>\n<p>\u0415\u0441\u043b\u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442, \u043d\u0430\u043f\u0438\u0448\u0443 \u0432\u0442\u043e\u0440\u0443\u044e \u0447\u0430\u0441\u0442\u044c.<\/p>\n<h4>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h4>\n<p>\u0423\u0441\u043f\u0435\u0445\u043e\u0432 \u0432\u0430\u043c \u0432 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0438 \u0438 \u043f\u0440\u043e\u043a\u0430\u0447\u043a\u0435 \u043d\u0430\u0432\u044b\u043a\u043e\u0432!<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u0441\u0442\u0430\u0442\u044c\u044f \u0431\u044b\u043b\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439, \u0442\u043e \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u043c\u043e\u0439\u00a0<a href=\"https:\/\/t.me\/serv1ce_locator\" rel=\"noopener noreferrer nofollow\">\u0442\u0435\u043b\u0435\u0433\u0440\u0430\u043c \u043a\u0430\u043d\u0430\u043b<\/a>, \u043a\u0443\u0434\u0430 \u044f \u0431\u0443\u0434\u0443 \u043f\u043e\u0441\u0442\u0438\u0442\u044c \u0441\u0432\u043e\u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0438\u0435 \u043d\u0430\u0445\u043e\u0434\u043a\u0438 \u0438 \u043c\u044b\u0441\u043b\u0438.<\/p>\n<p><a href=\"https:\/\/github.com\/ShabanovBoris\/MapProvidersSample\" rel=\"noopener noreferrer nofollow\">\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/821857\/\"> https:\/\/habr.com\/ru\/articles\/821857\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0433\u0435\u043e\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043a\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u044b \u043a\u0430\u0440\u0442, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a Google Maps \u0438 \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 API \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a \u0440\u044f\u0434\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043d\u0438\u043c\u0438.<\/p>\n<p>\u041f\u043e\u0447\u0435\u043c\u0443 Google Maps?<\/p>\n<p>Google Maps \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c\u043e\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0432 \u043c\u0438\u0440\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0441\u0432\u043e\u0435\u0439 \u0448\u0438\u0440\u043e\u043a\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0445. \u041e\u0434\u043d\u0430\u043a\u043e, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u0435 \u043f\u043b\u044e\u0441\u044b, \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u0430\u0440\u0442 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e\u0439.<\/p>\n<p>\u041f\u043e\u0447\u0435\u043c\u0443 \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b?<\/p>\n<p>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0431\u043e\u043b\u0435\u0435 \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u044b \u0434\u043b\u044f \u0420\u043e\u0441\u0441\u0438\u0438 \u0438 \u0441\u0442\u0440\u0430\u043d \u0421\u041d\u0413. \u041e\u0434\u043d\u0430\u043a\u043e \u0438 \u0443 \u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u043b\u0438\u043c\u0438\u0442\u044b DAU, \u043a\u0440\u0430\u0448\u0438 \u0438 \u0431\u0430\u0433\u0438.<\/p>\n<p>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430:<\/p>\n<ul>\n<li>\n<p>\u0413\u0438\u0431\u043a\u043e\u0441\u0442\u044c: \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438 \u043f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e.<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u0430\u044f \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c: \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043c\u0435\u043d\u044b \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u043f\u0440\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u0438 \u043e\u0448\u0438\u0431\u043e\u043a.<\/p>\n<\/li>\n<li>\n<p>\u0420\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430.<\/p>\n<\/li>\n<\/ul>\n<p>\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438:<\/p>\n<ul>\n<li>\n<p>\u0420\u0430\u0437\u043d\u043e\u0435 API: \u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u0451 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 API, \u0447\u0442\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438: \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0442\u0440\u0443\u0434\u043e\u0451\u043c\u043a\u0438\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c.<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0434\u043b\u044f \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432 \u043a\u0430\u0440\u0442 \u0438 \u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u0445, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u0442\u044c\u0441\u044f. \u041c\u044b \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438.<\/p>\n<h2>\u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043a\u0430\u0440\u0442\u0430\u043c\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435.<\/p>\n<p><strong>Google Maps<\/strong><\/p>\n<p>\u041a\u043b\u044e\u0447 API \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435.\u00a0<\/p>\n<pre><code class=\"kotlin\">&lt;meta-data   android:name=\"com.google.android.geo.API_KEY\"   android:value=\"${GOOGLE_MAPS_API_KEY}\" \/><\/code><\/pre>\n<p><a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk?hl=ru\" rel=\"noopener noreferrer nofollow\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0432 get started<\/a> \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<p>\u041a\u043b\u044e\u0447 API \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044f \u0432 Application \u043a\u043b\u0430\u0441\u0441\u0435.<\/p>\n<pre><code class=\"kotlin\"> class App: Application() {     override fun onCreate() {         super.onCreate()         MapKitFactory.setApiKey(BuildConfig.MAPKIT_API_KEY)     } }<\/code><\/pre>\n<p> <a href=\"https:\/\/yandex.ru\/dev\/mapkit\/doc\/ru\/android\/generated\/getting_started\" rel=\"noopener noreferrer nofollow\">\u0422\u0430\u043a \u0436\u0435 get started<\/a> \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/p>\n<p>\u0417\u0430\u0434\u0430\u0442\u044c \u043a\u043b\u044e\u0447 \u043d\u0443\u0436\u043d\u043e \u0434\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u0430\u0440\u0442\u044b. \u0415\u0441\u043b\u0438 \u0437\u0430\u0434\u0430\u0435\u043c \u043a\u043b\u044e\u0447 \u0432 activity, \u0432\u0430\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043c\u0435\u0440\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430(saveInstanceState).<\/p>\n<h2>Lite \u0432\u0435\u0440\u0441\u0438\u044f<\/h2>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0445\u043e\u0442\u0435\u043b \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u0443\u044e \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u043e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u043a\u0430\u0440\u0442.<\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<p>\u0414\u043b\u044f mapkit \u043e\u0442 \u044f\u043d\u0434\u0435\u043a\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043b\u0430\u0439\u0442 \u0432\u0435\u0440\u0441\u0438\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 <strong>4.6.*-lite<\/strong><\/p>\n<p><code>com.yandex.android:maps.mobile:4.6.1-lite.<\/code><\/p>\n<p>Google Maps<\/p>\n<p>\u0424\u043b\u0430\u0433 liteMode \u0432\u043c\u0435\u0441\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 bitmap \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u043b\u043e\u043a\u0430\u0446\u0438\u0435\u0439 \u0438 \u0437\u0443\u043c\u043e\u043c.<\/p>\n<p>app:liteMode=&#187;true&#187; \u0432 xml \u0438\u043b\u0438 GoogleMapOptions(\u043f\u0440\u0438\u043c\u0435\u0440 \u0431\u0443\u0434\u0435\u0442 \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430).<\/p>\n<p>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0436\u0446 \u0434\u043b\u044f \u043e\u0431\u043b\u0435\u0433\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0430 \u043a\u0430\u0440\u0442\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c\u0441\u044f <em>\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c<\/em>.<\/p>\n<p>\u0422\u0430\u043a \u0436\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u0430\u043c\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u043e\u0432 \u043a\u0430\u0440\u0442. \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u043e\u0431\u044a\u0435\u043a\u0442, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a bitmap.<\/p>\n<h2>\u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440<\/h2>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440<\/p>\n<pre><code class=\"kotlin\">interface MapProvider {     fun provide(         holder: FrameLayout,         lifecycleOwner: LifecycleOwner? = null,         interactive: Boolean = false,         movable: Boolean = false,         onMapLoaded: (AwesomeMap) -> Unit     ) }<\/code><\/pre>\n<p>\u041a\u0430\u043a \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c FrameLayout<\/p>\n<h2>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u043e\u0432<\/h2>\n<p><u>\u0427\u0442\u043e \u0442\u043e \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c, \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 \u0441\u0442\u0430\u0442\u044c\u0438<\/u><\/p>\n<p><strong>Google Maps<\/strong><\/p>\n<pre><code class=\"kotlin\">class GoogleMapsProvider(private val context: Context) : MapProvider {      override fun provide(         holder: FrameLayout,         lifecycleOwner: LifecycleOwner?,         interactive: Boolean,         movable: Boolean,         onMapLoaded: (AwesomeMap) -> Unit     ) {         holder.removeAllViews()         val options = GoogleMapOptions().apply {             liteMode(!interactive)         }         val mapView = MapView(context, options)         holder.addView(mapView)          lifecycleOwner?.lifecycleScope?.launch {             lifecycleOwner.lifecycle.repeatOnLifecycle(Lifecycle.State.CREATED) {                 mapView.onCreate(null)                 mapView.onResume()                 val map = mapView.awaitMap()                 val awesomeMap = AwesomeMapGoogle(map, mapView)                 map.awaitMapLoad()                 onMapLoaded(awesomeMap)                 map.setOnMarkerClickListener(awesomeMap)             }         }     }<\/code><\/pre>\n<p>\u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0433\u0443\u0433\u043b-\u043a\u0430\u0440\u0442\u0430\u043c\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0438\u043d\u0441\u0442\u0430\u043d\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 GoogleMap, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0432 OnMapReadyCallback, \u0438\u043b\u0438 \u0436\u0435 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0440\u0443\u0442\u0438\u043d\u044b \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 MapView.awaitMap(). <\/p>\n<p><a href=\"https:\/\/developers.google.com\/maps\/documentation\/android-sdk\/ktx?hl=ru\" rel=\"noopener noreferrer nofollow\">maps-ktx<\/a><\/p>\n<p><strong>\u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u044b<\/strong><\/p>\n<pre><code class=\"kotlin\">class YandexMapsProvider(private val context: Context) : MapProvider {      private val yaMapLoadedListeners: MutableList&lt;MapLoadedListener> = mutableListOf()      override fun provide(         holder: FrameLayout,         lifecycleOwner: LifecycleOwner?,         interactive: Boolean,         movable: Boolean,         onMapLoaded: (AwesomeMap) -> Unit     ) {         holder.removeAllViews()         val mapView = MapView(context)         mapView.onStart()         MapKitFactory.getInstance().onStart()          val map = AwesomeMapYandex(mapView)         val innerLoadListener = MapLoadedListener { onMapLoaded(map) }         yaMapLoadedListeners.add(innerLoadListener) \/\/ \u0445\u0440\u0430\u043d\u0438\u043c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 listener         mapView.mapWindow.map.setMapLoadedListener(innerLoadListener)         mapView.setNoninteractive(!interactive)     } }<\/code><\/pre>\n<p><strong>\u0415\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0443 \u043a\u0430\u043a \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435, \u0442.\u0435.\u00a0 \u0431\u0435\u0437 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/strong><\/p>\n<p>\u042f\u043d\u0434\u0435\u043a\u0441 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440:<\/p>\n<p><code>MapView.isClickable = interactive<\/code><\/p>\n<p><code>liteMode(!interactive)<\/code>\u00a0<\/p>\n<p>\u0413\u0443\u0433\u043b \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440:<\/p>\n<p><code>mapView.setNoninteractive(!interactive)<\/code><\/p>\n<p>MapKit \u0445\u0440\u0430\u043d\u0438\u0442 \u0441\u043b\u0430\u0431\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0435\u043c\u0443 Listener-\u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0445 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<h2>\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b<\/h2>\n<p>\u041a\u0430\u043a\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n<p>\u0412 \u043c\u043e\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440: \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043b\u043e\u043a\u0430\u0446\u0438\u044e \u043f\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c, \u0437\u0443\u043c \u0438 \u043c\u0435\u0442\u043a\u0438.<br \/>\u00a0<br \/>\u00a0\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e: \u041f\u043e\u043b\u0438\u043b\u0430\u0439\u043d\u044b, \u043f\u043e\u043b\u0438\u0433\u043e\u043d\u044b, \u0437\u0443\u043c \u0441\u00a0 \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c\u0438\u00a0 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 \u0438 \u0440\u0430\u0434\u0438\u0443\u0441.<\/p>\n<pre><code class=\"kotlin\">interface AwesomeMap {      val defaultZoom: Float     val zoom: Float     val target: Location        fun addMarker(location: Location, id: Long? = null): MapMarker?     fun addCircle(...): MapCircle     fun addPolyline(...)     fun moveCamera(...)     fun onMarkerClick(callback: (Long) -> Unit)     fun setCameraListener(listener: CameraEventListener)     fun zoomIn()     fun zoomOut()          fun onStart()     fun onStop() }<\/code><\/pre>\n<p>\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 Map.<\/p>\n<pre><code class=\"kotlin\">class AwesomeMapYandex(     private val mapView: MapView ) : AwesomeMap {      private val map get() = mapView.mapWindow.map     private val context get() = mapView.context     override val defaultZoom: Float = 16f     override val target get() = map.cameraPosition.target.toLocation()     override val zoom get() = map.cameraPosition.zoom      private var markerClickListener: (Long) -> Unit = {}     private val mapObjectTapListener = MapObjectTapListener { mapObject, _ ->         val id = mapObject.userData as? Long         id?.let(markerClickListener)         true     }      private var cameraEventListener: CameraEventListener? = null     private val cameraListener: CameraListener =         CameraListener { map, cameraPosition, cameraUpdateReason, finished ->             if (finished) {                 cameraEventListener?.onCameraIdleListener()                 return@CameraListener             } else {                 cameraEventListener?.onMoveListener()             }             if (cameraUpdateReason == CameraUpdateReason.GESTURES) cameraEventListener?.onGestureListener()         }      init {         map.mapObjects.addTapListener(mapObjectTapListener)         map.addCameraListener(cameraListener)     }      override fun zoomIn() {         ...     }      override fun zoomOut() {         ...     }      override fun addMarker(         location: Location,         id: Long?     ): MapMarker = map.let { yaMap ->         val placemark = yaMap.mapObjects.addPlacemark().apply {             geometry = location.toPoint()         }         return object : MapMarker {             override var zIndex: Float                 get() = placemark.zIndex                 set(value) {                     placemark.zIndex = value                 }             override var location: Location                 get() = placemark.geometry.toLocation()                 set(value) {                     placemark.geometry = value.toPoint()                 }             override var id: Long                 set(value) {                     placemark.userData = value                 }                 get() = placemark.userData as Long               override fun setImage(bitmap: Bitmap, anchor: Pair&lt;Float, Float>?) {                 val imageProvider = ImageProvider.fromBitmap(bitmap)                 placemark.apply {                     setIcon(imageProvider)                     setIconStyle(IconStyle().apply {                         anchor?.let {                             this.anchor = PointF(anchor.first, anchor.second)                         }                     })                 }             }              override fun remove() {                 yaMap.mapObjects.remove(placemark)             }         }     }      override fun addCircle(         context: Context,         position: Location,         currentRange: Double,         @ColorRes circleColor: Int,         stroke: Boolean     ): MapCircle {       ...     }      override fun addPolyline(locations: List&lt;Location>, colorRes: Int, width: Float) {         val polyline = Polyline(locations.map { it.toPoint() })         map.mapObjects.addPolyline(polyline).apply {             strokeWidth = width             setStrokeColor(ContextCompat.getColor(context, colorRes))         }     }      override fun moveCamera(         location: Location,         zoomLevel: Float?,         zoomRange: Float?,         isAnimated: Boolean     ) {         val rangePosition = zoomRange?.let {             val circle = Circle(location.toPoint(), zoomRange)             map.cameraPosition(Geometry.fromCircle(circle))         }         val pointPosition = CameraPosition(       <\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-378909","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/378909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=378909"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/378909\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=378909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=378909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=378909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}