Поместить маркер карты на уменьшенное изображение на основе изображения пола координат - PullRequest
Новая
       20

Поместить маркер карты на уменьшенное изображение на основе изображения пола координат

0 голосов
/ 18 октября 2018

Привет, я делаю приложение React Native, которое показывает пользователям конференц-залы.Мне даны координаты X и Y, где комнаты расположены на изображении.Мое изображение 300 X 400. Хотя мои маркеры выключены, что я делаю не так?

Расчет координат: 

this.setState({xCoordinate: (item.x / 300) * 100 , yCoordinate: (item.y / 400) * 100 })

  RoomRender = () => {
    return (
      <View>
        {this.state.mapImageState !==
        "https://sd.keepcalm-o-matic.co.uk/i-w600/sorry-no-picture-available.jpg" ? (
          <View>
            <Image
              style={{
                width: 300,
                height: 400,
                marginTop: "3%",
                marginBottom: 0,
                alignSelf: "center",
                backgroundColor: 'transparent'
              }}
              resizeMode={"contain"}
              // source={{ uri: this.state.mapImageState }}
              source={require('../images/room.png')}
              onError={this.onError.bind(this)}
              onLoadStart={() => this.setState({ loading: true })}
              // onLoadEnd={() => this.setState({ loading: false })}
              onLoadEnd={this.onLoadEnd.bind(this)}
              // source={require("../images/netflix.png")}
            />
            <View style={{position: 'absolute', top: this.state.yCoordinate, left: this.state.xCoordinate, right: 0, bottom: 0, justifyContent: 'center', alignItems: 'center'}}>
            <FontAwesomeIcon
            name="map-marker-alt"
            size={20}
            color="red"
          />
</View>
...