How do you set the size for a Marker?

[codingdudecom]

Question

I have a marker like this:

            <Marker
              title={marker.key}
              image={mapPinImg}
              key={marker.key}
              coordinate={marker.coordinate}
              style={styles.marker}
            ></Marker>

const styles = StyleSheet.create({
  marker: { width: 160 },
});

But the width property does not do anything. I tried also using a larger image for the marker, but that's not working either.

What's the correct way for setting the size for the markers?

thanks!
John

[pROFESOR11]

Hi @codingdudecom ,
try this:

<Marker ...>
 <Image style={{ width: 160, height: 160 }} />
</Marker>

[codingdudecom]

Thanks! it works

I used resizeMode: "contain" because the image was cropped. And also I had to set the same size on the Marker too because the placement of the marker was not correct

<Marker style={{width: 48, height: 48}}>
        <Image
                      source={require("../assets/map-pin.png")}
                      style={{ width: 48, height: 48, resizeMode: "contain" }}
                    />
</Marker>

[rajanAndroapps]

Just put the svg or image icon inside tag also give width and height to Svg

[abhion]

Hi @codingdudecom , try this:

<Marker ...>
 <Image style={{ width: 160, height: 160 }} />
</Marker>

this didn't work