如何更改用户当前位置蓝点颜色或图像反应原生

时间:2018-03-23 09:07:53

标签: android ios google-maps react-native react-native-maps

enter image description here

我使用下面的库来显示用户当前位置

图书馆使用:https://github.com/react-community/react-native-maps

上面的库用于显示当前位置,它显示了谷歌地图上的当前位置。我想更改当前位置蓝点图标或想要更改蓝点的颜色。这里的任何人都可以帮我了解如何更改蓝点颜色或如何更改当前位置图像?

<MapView
 provider={ PROVIDER_GOOGLE }
 style={ styles.map }
 initialRegion={this.state.region}
 onPress={this.onMapPress}
 minZoomLevel={15}
 showsUserLocation={true}
 ref={ref => { this.mapView = ref } }
 >
</MapView>

4 个答案:

答案 0 :(得分:1)

简单地粘贴此代码

       <Marker
        draggable
        coordinate={{
          latitude: this.state.lt,
          longitude: this.state.lg,
        }}
        onDragEnd={(e) => alert(JSON.stringify(e.nativeEvent.coordinate))}
        title={'Current location'}
        description={'users current location'}
      />

代替this.state.lt和lg放置当前位置的纬度,经度

答案 1 :(得分:0)

这是你要找的吗?它从您使用的库中调用Rendering a Marker with a custom image

<Marker
   coordinate={marker.latlng}
   image={require('../assets/pin.png')}
/>

答案 2 :(得分:0)

将showUserLocation更改为false,然后使用地理位置将标记添加到当前位置将为您服务

答案 3 :(得分:0)

为地图标记创建自定义样式,例如它如何显示here