Как изменить значок на React Native Google Map? - PullRequest
Новая
       10

Как изменить значок на React Native Google Map?

0 голосов
/ 15 марта 2019

Этот код помогает мне получить текущую позицию и нарисовать маркер.

    async componentDidMount() {
    navigator.geolocation.getCurrentPosition(
    ....

        this.setState({
          location,
          region: {
            latitude,
            longitude,
            latitudeDelta: 0.0143,
            longitudeDelta: 0.0134
          }
        });
      }, //ok
      () => {}, //error
      {
        timeout: 2000,
        enableHighAccuracy: true,
        maximumAge: 1000
      }
    );
  }

  handleLocationSelected = (data, { geometry }) => {
    const {
      location: { lat: latitude, lng: longitude }
    } = geometry;

    this.setState({
      destination: {
        latitude,
        longitude,
        title: data.structured_formatting.main_text
      }
    });
  };
.....

<Marker
                coordinate={destination}
                anchor={{ x: 0, y: 0 }}
                image="marker.png";
              >

Как изменить значок на маркере карты Google?

Я пытался добавить image:"maker.png";, но я должен щелкнуть или коснуться его, маркер изменится.

ОБНОВЛЕНИЕ: я обновил свой пост.

1 Ответ

0 голосов
/ 15 марта 2019

Попробуйте это: 

<MapView.Marker
     image={require('./maker.png')}
     anchor={{ x: 0, y: 0 }}
     coordinate={destination}>
</MapView.Marker>,
...