DEV Community
·
如何将Leaflet集成到React Native中
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
作者希望将Cordova开发的手机应用迁移到React Native 7.6，并在新应用中使用Leaflet和Chart.js。他在寻找兼容的npm包时遇到困难，并希望将Cordova的JavaScript脚本适配到React Native中，使用OpenStreetMap。
🎯
关键要点
- 作者是React Native的新手，想将Cordova开发的手机应用迁移到React Native。
- 应用需要使用Leaflet和Chart.js，并希望在React Native 7.6和Expo应用中实现这些功能。
- 作者在寻找兼容的npm包时遇到困难，发现React-leaflet npm可能不兼容React Native。
- 作者希望将为Cordova应用开发的JavaScript脚本适配到React Native中，而不是直接使用Web应用的脚本。
- 作者考虑创建map.js并包含Leaflet js库，以便“复制”Cordova的JavaScript脚本。
- 作者希望使用OpenStreetMap而不是Google和Apple地图。
❓
延伸问答
如何将Cordova应用迁移到React Native？
可以通过适配Cordova的JavaScript脚本到React Native来实现迁移，建议创建一个map.js文件并包含Leaflet库。
React-leaflet是否兼容React Native？
React-leaflet npm包似乎不兼容React Native，主要是为React设计的。
在React Native中如何使用Leaflet和Chart.js？
可以通过适配现有的JavaScript脚本并创建新的map.js文件来使用Leaflet和Chart.js。
为什么选择OpenStreetMap而不是Google和Apple地图？
作者希望使用OpenStreetMap，可能是出于开源和灵活性的考虑。
作者在寻找npm包时遇到了什么困难？
作者发现兼容React Native的npm包很少，且现有的包多为旧版本。
如何适配Cordova的JavaScript脚本到React Native？
可以通过修改脚本并将其导入到React Native中，避免直接使用Web应用的脚本。
➡️
