問題タブ [react-native-maps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - 反応ネイティブの MapView で初期リージョンのみを設定する
ユースケース:反応ネイティブな MapView コンポーネントを使用して、注釈を地図上に表示します。最初のマップ リージョンは、すべての注釈が表示されるように設定されています。注釈が動き回っているため、再レンダリングがトリガーされます。さらに、ユーザーはマップをパン/ズームできる必要があるためonRegionChange()、onRegionChangeComplete()地域の変更をキャプチャして、それらを状態に設定しようとします。このように、再レンダリングが発生するたびにマップ領域が初期マップ領域にリセットされることはありません。
問題:州で更新された地域を設定すると、州の更新が遅れるため、マップ上でスムーズなパン/スクロール エクスペリエンスを実現できません。数回パンまたはズームした後、マップがフリーズします。これはおそらく、更新されたリージョンではなく、状態に保存されている現在のリージョンを使用しているためです。1 ～ 2 秒待ってから、マップを再度パン/ズームできるようにします。これは、おそらくリージョンが状態で更新されたためです。
質問:再レンダリングによって領域がリセットされないように、MapView の初期領域のみを設定する方法はありますか? そのようにonRegionChange()しonRegionChangeComplete()て、マップ レンダリングの目的で領域自体を保存するのではなく、新しい領域で作業を実行するデリゲート メソッドとして使用できます (MKMapViewDelegate の mapView:regionWillChangeAnimated: に類似)。
react-native - 反応ネイティブマップでズームイン/ズームアウトする方法は?
反応ネイティブを使用して地図アプリケーションを構築しています。私が使用している API は、このリンクからのものです: https://github.com/lelandrichardson/react-native-maps。以下は、アプリに地図を表示するコードです。その地図にズーム値を与える方法を考えています。また、ユーザーが地図上のボタンをクリックしたときにズーム値を変更する方法。これを実現するために使用するズーム API は何ですか?
react-native - ネイティブ マップのクラスタリングに反応する
反応ネイティブ アプリにマップを統合したいのですが、そのために「react-native-maps」ライブラリを使用してい ます https://github.com/airbnb/react-native-maps クラスタリングを使用したいのですが、使用できませんそれに関連する適切なドキュメントを見つけるために。マップをクラスタリングと統合する方法に関するドキュメントを見つけて、iOS と Android の両方のプラットフォームでクラスタリングを実装するのに最適なライブラリを教えてください。
reactjs - React Native Maps カスタム マーカーは、地域の変更後にタッチできません
React Native Maps でカスタム マーカーを使用しています。最初の読み込みでマーカーに触れると、マーカーのコールアウト (タイトルと説明) が表示されます。ただし、マップを新しい地域にドラッグした後は、マーカーに触れることができなくなります。領域を変更した後にマーカーのタイトルと説明を表示するには、ユーザーはマーカー座標を正確にタップする必要があります。
マップをドラッグしている間、マーカー イメージが点滅します。これは、彼らが触れられなくなったことと関係があるのではないかと思います。どうすればこれを防ぐことができますか?
編集
マップ領域が変更された後も、マークは実際にはまだタッチ可能のようです。マーカーのonPress機能は、マップ領域が変更された場合でも、マーカーがタッチされるたびにコンソール ログに記録されます。React Native Mapsのドキュメントをもう少し読んでshowCalloutみると、タッチで起動できる部分だけ縮んでいるように見えます。このタッチ可能な領域は、カスタム マーカーが使用されている場合にのみ縮小されます。
react-native - react-native - react-native-maps を使用してマップを表示する方法
react-native-mapsを使用してマップ ビューを表示しようとしています。コンポーネントは、空白であることを除いて表示されているように見えます。
それは私のスタイルシートですか、それとも「MapView」コンポーネントを正しく呼び出していますか?
コードは次のとおりです。
react-native - 地図の上にスクロールビュー
ScrollView地図の上に置きたい。コンテンツはScrollView画面の 2/3 から開始する必要があるため、マップ上のマーカーを確認してマップを使用できます。しかし、スクロールビューのドラッグを開始すると、高さ全体を使用してスクロールする必要があり、1/3 だけではありませんScrollView。
マップを使用できるように上に配置しようとしましたが、左の小さな領域のすぐ内側でスクロールが発生しました。paddingTop望ましい効果がありますが、もちろんマップを使用できませんでした。
どうすれば私が望むものを達成できますか?
javascript - react-native-maps を使用して MapView.Marker の pinColor を変更する
に色MapView.Markerを割り当てても、 の色はデフォルトの赤色から変わらないようですpinColor。
何か間違えている？
Android Emulator のスクリーン キャップ
javascript - react-native-map のプロジェクト評価リスナーへの通知に失敗しました
react-native-map を含むプロジェクトを実行しようとすると、エラーが発生します。それ以外の場合は、react-native-maps がなくても問題なく動作しています。私は Geneymotion を Android emaultor として使用しています。同じことを提案してください。添付のスクリーンショットを見つけてください。
