将 Azure Maps 与 React Native 结合使用

Question

我必须构建一个可以与 Android 和 iOS 一起使用的移动应用程序，所以这就是我不使用 Azure Maps Android SDK 的原因。

所以我只想知道是否可以在 React Native 中使用 Azure 地图。我试过这个 repo: https://github.com/WiredSolutions/react-azure-maps 这是 Azure Maps 的反应包装器。这个 repo 在网络应用程序上运行完美，使用反应，但它似乎不适用于移动应用程序，因为当我尝试导入这些包时：

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

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

它在 react-azure-maps.umd.js 和 atlas.min.js 文件中抛出 Cannot create URL for blob! 异常。

安装在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。 How to integrate azure-map in iOS Application

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

Answer 2

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

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

这样我就把Azure Maps提供的路线画在React Native Map上了

希望这会帮助其他一些尝试使用 Azure Maps 的人。

将 Azure Maps 与 React Native 结合使用

Using Azure Maps with React Native

react-native

azure-maps