react-native-yamap icon indicating copy to clipboard operation
react-native-yamap copied to clipboard

Не отображается карта

Open tsepen opened this issue 3 years ago • 20 comments

RN 0.61.5 react-native-yamap: 1.0.20

В результате вижу серую сетку с логотипом яндекса

` import React from 'react'; import { YANDEX_API_KEY } from 'react-native-dotenv'; import YaMap from 'react-native-yamap';

YaMap.init(YANDEX_API_KEY);

const Map = () => { return <YaMap style={{ flex: 1, height: 200 }} />; };

export default Map; `

tsepen avatar Oct 29 '20 14:10 tsepen

Have the same issue

stereodenis avatar Nov 10 '20 14:11 stereodenis

stereodenis avatar Nov 10 '20 15:11 stereodenis

The same issue

Daha62 avatar Nov 19 '20 11:11 Daha62

has anyone solved the problem?

pedrogarciyalopez avatar Nov 24 '20 07:11 pedrogarciyalopez

finally fixed by following this recommendation:

для ios

Рекомендуется инициализировать MapKit в функции didFinishLaunchingWithOptions в AppDelegate.m

#import <YandexMapKit/YMKMapKitFactory.h>

...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    ...
    [YMKMapKit setApiKey: @"API_KEY"];
    return YES;
}

pedrogarciyalopez avatar Nov 24 '20 08:11 pedrogarciyalopez

У меня починилось созданием ключа для mapkit (до этого использовался тот, который для сайта)

stereodenis avatar Jan 17 '21 21:01 stereodenis

Та же проблема, добавил ключ для mapkit, но карты все равно не отображаются. Сетка с логотипом Яндекс.

YaMap.init(MAP_KEY);
...
<YaMap
            ref={mapRef}
            userLocationIcon={require('../../../../view/icons/Location')}
            showUserPosition
            mapType="vector"
            style={{
              width: '100%',
              height: 300,
            }}
          />

Banan4ikk avatar Jul 13 '22 15:07 Banan4ikk

finally fixed by following this recommendation:

для ios

Рекомендуется инициализировать MapKit в функции didFinishLaunchingWithOptions в AppDelegate.m

#import <YandexMapKit/YMKMapKitFactory.h>

...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    ...
    [YMKMapKit setApiKey: @"API_KEY"];
    return YES;
}

Use of undeclared identifier 'YMKMapKit' такая ошибка дает

KAMRONBEK avatar Aug 18 '22 08:08 KAMRONBEK

Не отображается карта (пустая сетка) только на ios симуляторе. На физическом ios устройстве и на любом android все нормально. "react": "18.0.0", "react-native": "0.69.3", "react-native-yamap": "4.1.9",

Splicer97 avatar Sep 06 '22 12:09 Splicer97

Не отображается карта (пустая сетка) только на ios симуляторе. На физическом ios устройстве и на любом android все нормально. "react": "18.0.0", "react-native": "0.69.3", "react-native-yamap": "4.1.9",

Очень странно, но проблема исчезла сама собой. Единственное что изменилось, это сделал выкладку приложения на test flight, после этого карта стала отображаться даже на симуляторе. Не совсем уверен, что это взаимосвязано. P.S. Ещё вспомнил,что чистил кэш приложения на iOS и Android версии,возможно как раз это и повлияло на нормальное отображение карты.

Splicer97 avatar Sep 12 '22 15:09 Splicer97

Была таже проблема на ios. Даже после загрузки в TestFlight тайлы грузились только после сворачивания и разворачивания приложения.

Смог победить добавив строчку [YMKMapKit mapKit]; в AppDelegate.m после установки ключа Взял из документации интеграции Yandex MapKit (3 шаг, 5 пункт): https://yandex.ru/dev/maps/mapkit/doc/ios-quickstart/concepts/ios/quickstart.html#quickstart__setup

Надеюсь кому-нибудь тоже поможет

#import <YandexMapsMobile/YMKMapKitFactory.h>

...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    ...
    [YMKMapKit setApiKey: @"API_KEY"];
    [YMKMapKit mapKit];

    return YES;
}

leninlin avatar Oct 10 '22 21:10 leninlin

some issue

tegozen avatar Oct 19 '22 14:10 tegozen

https://github.com/volga-volga/react-native-yamap/issues/45#issuecomment-1273844746

fix for me. Thanks

tegozen avatar Oct 19 '22 14:10 tegozen