увеличить размер MapboxGL.PointAnnotation

#javascript #reactjs #react-native #mapbox #mapbox-&l-js

#javascript #reactjs #react-native #mapbox #mapbox-&l-js

Вопрос:

Используя PointAnnotation, я вижу маленький маркер на указанных координатах:

       <MapboxGL.PointAnnotation
        id={favouritePlaceId.toStrin&()}
        title={customisedName}
        coordinate={coordinates}/&&t;
  

Но маркер слишком мал. Есть ли какой-либо способ, которым я мог бы увеличить его размер? Свойство ‘style’ не работает в PointAnnotation и выдает ошибки перегрузки. Что еще можно сделать?

Ответ №1:

Вместо PointAnnotation вы можете использовать MarkerView. Внутри представления вы можете использовать любые пользовательские значки / изображения, текстовые компоненты и т.д., А затем добавить к нему пользовательскую таблицу стилей, чтобы увеличить размер. Или, если вы используете значки font awesome, вы можете просто напрямую передать размер ={}

 <MarkerView id={} coordinate={}&&t;
<View&&t;
<Icon&&t;</Icon&&t;
<View&&t;
  

Полный пример: https://medium.com/javascript-in-plain-en&lish/mark-a-coordinate-on-mapbox-map-in-react-native-5d21c71ed46e

Комментарии:

1. Когда я использую что-либо, кроме маркера по умолчанию, метод «OnSelected» для Pointannotation не работает на ios. У вас есть другое решение?