react-native-yamap
react-native-yamap copied to clipboard
Не отображается карта
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; `
Have the same issue
The same issue
has anyone solved the problem?
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;
}
У меня починилось созданием ключа для mapkit (до этого использовался тот, который для сайта)
Та же проблема, добавил ключ для mapkit, но карты все равно не отображаются. Сетка с логотипом Яндекс.
YaMap.init(MAP_KEY);
...
<YaMap
ref={mapRef}
userLocationIcon={require('../../../../view/icons/Location')}
showUserPosition
mapType="vector"
style={{
width: '100%',
height: 300,
}}
/>
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'
такая ошибка дает
Не отображается карта (пустая сетка) только на ios симуляторе. На физическом ios устройстве и на любом android все нормально. "react": "18.0.0", "react-native": "0.69.3", "react-native-yamap": "4.1.9",
Не отображается карта (пустая сетка) только на ios симуляторе. На физическом ios устройстве и на любом android все нормально. "react": "18.0.0", "react-native": "0.69.3", "react-native-yamap": "4.1.9",
Очень странно, но проблема исчезла сама собой. Единственное что изменилось, это сделал выкладку приложения на test flight, после этого карта стала отображаться даже на симуляторе. Не совсем уверен, что это взаимосвязано. P.S. Ещё вспомнил,что чистил кэш приложения на iOS и Android версии,возможно как раз это и повлияло на нормальное отображение карты.
Была таже проблема на 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;
}
some issue
https://github.com/volga-volga/react-native-yamap/issues/45#issuecomment-1273844746
fix for me. Thanks