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
Мне удалось решить такую же проблему поставив импорт в AppDelegate.mm вторым после
#import "AppDelegate.h" -> #import <YandexMapsMobile/YMKMapKitFactory.h> ...
Помогло на android : импортировал yamap в index.js (в файле с AppRegistry.registerComponent, после ./gradlew clean
run-android. Больше ничего не делал. Ключ mapkit
RN 0.71, без Expo. Не отображается карта (есть только сетка с лого Яндекса) на Андроиде. Ни эмулятор, ни физическое устройство.
Есть подозрение, что это из-за некорректного токена, точнее не того токена, что нужен:
Я использовал этот токен:
Может нужно создавать ключ для другого API ?
Или всё это вообще должно работать без АПИ-ключа?
UPDATE1: Добавил АПИ-ключ MapKit (целевая АПИха Яндекса для моб.приложений) и это не заработало. Значит проблема в другом месте.
UPDATE2: Чудеса да и только! Карта вдруг стала отображаться. Почему - так и не понял =)
UPDATE2: Чудеса да и только! Карта вдруг стала отображаться. Почему - так и не понял =)
на сайте написано, что нужно 15 минут на то, чтобы api ключ начал работать, возможно дело было в этом
короче, парни, нужно добавлять АПИ ключ MapKit – мобильный SDK, подождать чутка, минут 30 и всё само собой заработает. Странно что ни в одной из статей не написано, что добавлять нужно именно этот ключ.
Ребята, разработчики данного пакета, спасибо, круто, молодцы. Продолжайте пожалуйста поддержку, сейчас она нам всем очень необходима. Спасибо!