将 Azure Maps 与 React Native 结合使用

Question

我必须构建一个同时支持 Android 和 iOS 的移动应用程序，因此我不使用 Azure Maps Android SDK。

所以我只是想知道是否可以在 React Native 中使用 Azure 地图。我尝试过这个存储库：

https://github.com/WiredSolutions/react-azure-maps

，它是 Azure Maps 的反应包装器。这个存储库使用 React 在 Web 应用程序上完美运行，但它似乎不适用于移动应用程序，因为当我尝试导入这些包时：

import {AzureMap, AzureMapsProvider, IAzureMapOptions} from 'react-azure-maps';

import {AuthenticationType} from 'azure-maps-control';

它在

Cannot create URL for blob!

和

react-azure-maps.umd.js

文件中抛出

atlas.min.js

异常。

package.json中安装的版本是：

    "azure-maps-control": "^2.0.31",
    "expo": "~39.0.2",
    "expo-status-bar": "~1.0.2",
    "react": "16.13.1",
    "react-azure-maps": "^0.1.4",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
    "react-native-web": "~0.13.7",
    "typescript": "^3.7.5"
  },
  "devDependencies": {
    "@babel/core": "~7.9.0"
  },

Answer 1

这个问题还没有解决方案，因为正如其他答案所说，不支持iOS。此外，没有任何用于 React Native 的库支持 Azure Maps。

我的解决方法是使用 React Native Maps 作为地图提供程序，然后对 Azure Maps 路线提供程序进行后端调用。

这样，我只是在React Native Map上绘制了Azure Maps提供的路线。

希望这会对尝试使用 Azure Maps 的其他人有所帮助。

Answer 2

看来iOS还不支持。 如何在iOS应用程序中集成azure-map

如果 MS 不会发布 React Native 库，您需要自己创建 RN 包装器。

Answer 3

您可以将此库用于 Microsoft azure 地图的 React Native 组件

https://www.npmjs.com/package/react-native-azure-map