从本地反应中的openlayers导入ol

时间:2017-07-30 06:48:14

标签: reactjs react-native ecmascript-6 openlayers openlayers-3

Hellow,我正在使用react-native为我的应用程序创建用户界面。我使用Genymotion在虚拟Android上测试我的代码。我想在我的网络地图应用程序中使用Openlayers javascript库。我按照以下步骤操作:

  1. npm install openlayers
  2. 我将import ol from 'openlayers';添加到" index.android.js" 然后,当我用Genymotion测试我的代码时,我得到一个错误。 我用import {ol} from 'openlayers'; import ol from 'openlayers';但是它没有工作。
  3. enter image description here

1 个答案:

答案 0 :(得分:2)

编辑:答案不是反对原因(我的不好)

您可能已经找到了这个,或者它可能是您正在使用的软件包,但如果您尝试在react本机项目中使用开放图层的标准Web版本,则可能会遇到问题。我做了一个搜索,发现这个包似乎是专为反应原生

设计的开放层

注意此软件包仅支持打开的图层3,因此如果您使用的是打开的图层4,它将失败。

以下是实现目标的步骤

npm install react-openlayers --save-dev

然后

import {
  interaction, layer, custom, control, //name spaces
  Interactions, Overlays, Controls,     //group
  Map, Layers, Overlay, Util    //objects
} from "react-openlayers";

可在此处找到一个工作示例:

https://github.com/allenhwkim/react-openlayers

希望它有所帮助!