how can set custom marker on map

Question

how can set custom marker on map

mojtabadarzi opened this issue 5 years ago · 6 comments

Answer 1 · 2019-06-15T17:22:33.000Z

You could add children in Mapir.Marker and put <Image/> <Text> , like following :

<Mapir.Marker
                           id={'1'}
                           key={1}
                           title="فروشگاه"
                           snippet="توضیحات"
                           selected={true}
                           coordinate={[51.678577, 32.650058,]}
                       >
                                   <Text>custom maker text !</Text>
 </Mapir.Marker>

Answer 2 · 2019-06-16T07:11:19.000Z

https://github.com/map-ir/mapir-mapbox/blob/master/docs/PointAnnotation.md
this is our documentation for marker!

Answer 3 · 2019-06-16T13:25:27.000Z

migrate to ShapeSource and SymbolLayer
and mapbox api 7

PointAnnotation laggy on changing map cords

Answer 4 · 2021-02-06T12:58:21.000Z

how can set custom icon ?

Answer 5 · 2021-02-06T16:25:11.000Z

how can set custom icon?

Do you try this?

<Mapir.Marker coordinate={{ latitude, longitude }}>
    <View>
      <Image
        style={{ width: 100, height: 42 }}
        source={{ uri: 'https://some_image_url...' }}
      />
      <Text>
        {title}
      </Text>
    </View>
  </Mapir.Marker>

Answer 6 · 2021-02-06T17:38:27.000Z

yes ,i set a png image but its not work for me !!