0

In my Android app it drawing the polyline but it not functioning in Web. I could not found any example even in that storybook. but In docs mentioned that it supports polyline.

MyCode

<MapView
    provider={this.props.provider}
    style={styles.map}
    initialRegion={this.state.region}
    onPress={e => this.onMapPress(e)}
    onLayout={()=>console.log('map on layout')}
    ref={(ref) => { this.mapRef = ref }}
    onRegionChange={this.onRegionChange}
>
    <MapView.Marker 
    coordinate={
                    {
                        latitude: 17.43745,
                        longitude: 78.48229
                        }
                }
    title={'pickup Location'}
    />

    <MapView.Marker 
    coordinate={
                    {
                        latitude: 17.4049696,
                        longitude: 78.4043356
                        }
                }
    title={'pickup Location'}
    pinColor="green"
    />
    <MapView.Polyline coordinates={this.dummyCoords} strokeWidth={2} strokeColor={'rgba(r,g,b,0.5)'} fillColor={'rgba(r,g,b,0.5)'}/>
</MapView>

Can anyone can share example, I'm stuck.

zulqarnain
  • 1,536
  • 4
  • 26
  • 44
  • Can you please share a [minimal reproducible sample](https://stackoverflow.com/help/minimal-reproducible-example) of your implementation? – smga08 Jun 05 '20 at 07:10
  • Have you found solution for this problem ? – Anoop Feb 16 '21 at 10:31
  • @Anoop at that time used `@mapbox/polyline` to draw the line. later changed it to `react-native-maps` but right now I didn't remember full implementation. – zulqarnain Feb 17 '21 at 04:41

0 Answers0