使用标记创建自定义地图

Question

我想用自己的标记创建一个完全自定义的地图，并完全响应原生的反应。所以我为我的地图选择了一个图像，我只是根据屏幕的大小直接在地图上放置一些标记，以确保具有良好的位置。我试过没有屏幕大小，它有点好，但仍然不完美..

这是我的滚动视图代码：

      <View style={styles.container}>


    <View style={{borderWidth: 1, width : screendim.width / 1.1, height: screendim.height / 2}}>
      <ScrollView>
        <ScrollView horizontal={true}>
          <View>
          <Image  source={require("../resources/map.png")}/>
          </View>
            <Marker top={10} left={300}/>
            <Marker top={500} left={500}/>
            <Marker top={5} left={2}/>
            <Marker top={1.7} left={1.5}/>

        </ScrollView>
      </ScrollView>
    </View>

  </View>

这是我的标记代码

        return(<TouchableOpacity style={{position: "absolute", top :  this.props.top, left : this.props.left, width : imgSize, height: imgSize}} >
        <Image style={{width : imgSize, height: imgSize}} source={require("../../resources/marker.png")}/>
    </TouchableOpacity>)

Answer 1

好的，所以我找到了一个解决方案，解决方案是不适应屏幕尺寸，因此地图也是原始尺寸和标记。