React Native Maps: نکاتی غیرقابل جبران در مورد ترسیم مسیر

عکس پروفایل krissanawat Hacker Noon

امروز ما قصد داریم مسیر نقشه ها را بر روی نقشه در React Native ترسیم کنیم ، مسیر بین دو مکان مختلف را به نمایش بگذاریم. ما قصد استفاده از واکنش-نقشه های بومی که یک کتابخانه قدرتمند است و به ما اجازه می دهد تا خط چند خط مختصات را ترسیم کنیم. ما همچنین می خواهیم برای به دست آوردن مسیرهای دقیق مسیر بین دو مختصات ، از Google Directions API استفاده کنیم.

توجه به این نکته مهم است که کتابخانه واکنش-بومی-نقشه ها از زمان نوشتن این مقاله ، فقط به طور رسمی از ماژول چند خطی در آخرین نسخه React Native پشتیبانی می کند ، زیرا تغییرات روز افزونی در اکوسیستم React Native وجود دارد که به راحتی نمی توان از آن پشتیبانی کرد .

نصب و راه اندازی

بیایید این کتابخانه را نصب و پیکربندی کنیم. بسته به مدیر بسته دلخواه خود ، به سادگی اجرا کنید:

npm install react-native-maps --save-exact

یا

yarn add react-native-maps -E

نکته حرفه ای: پرچم -E دقیقاً آخرین نسخه این کتابخانه را نصب می کند

برپایی

iOS

از Google Console خود یک کلید API Google دریافت کنید. شما می توانید نحوه به دست آوردن Google API Key را گام به گام در آموزش کاربر مکان ما بیاموزید. پس از داشتن کلید API ، کد خود را ویرایش کنید AppDelegate.m فایل:

+ #import 

@implementation AppDelegate
...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
+  [GMSServices provideAPIKey:@