Question

我正在尝试离线使用开放式街道地图，因此我先下载了所需的图块（使用JTileDownloader），然后使用LocalTile，这是地图的渲染部分：

render() {
var pathTemplate = "./tiles/h2/{z}/{x}/{y}.png";
return (
  <View style={{ flex: 1, flexDirection: "column" }}>
    <View style={{ flex: 2 }}>
      <MapView
        mapType="none"
        initialRegion={this.state.initialRegion}
        style={{
          flex: 1,
          left: 0,
          right: 0,
          bottom: 0,
          top: 0,
          position: "absolute"
        }}
        region={this.state.region}
      >
        <MapView.Marker coordinate={this.state.markerPosition}>
          <View style={styles.raduis}>
            <View style={styles.marker} />
          </View>
        </MapView.Marker>
        <LocalTile pathTemplate={pathTemplate} tileSize={512} />
      </MapView>
    </View>
  </View>
);
}

这是图块的层次结构：
+瓷砖
+-h2
+ ---- 12
+ ------....（png瓷砖图像）
+ ---- 13
+ ---- 14
+ ---- 15
+ ---- 16
+ ---- 17
+ ---- 18
Map.js文件（用于渲染地图）和tile文件夹位于同一位置

当我运行此代码时，我没有出现错误，但是地图没有出现。谁能帮忙

离线使用React本机地图

0 个答案: