Question

此代码可帮助我获取当前位置并绘制标记。

    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";，但必须单击或触摸它，标记才会更改。

更新：我更新了我的帖子。

Answer 1

尝试一下：

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

如何更改React Native Google Map上的图标？

1 个答案: