在react原生地图的不同点上显示不同的标记

在React原生地图上显示不同的标记，可以通过以下几种方式实现：

使用条件渲染：根据不同的条件，渲染不同类型的标记。可以通过在地图组件中定义一个状态变量，根据条件设置不同的标记类型，然后在渲染地图时根据状态变量的值选择渲染不同的标记。例如：

import React, { useState } from 'react';
import { Map, Marker } from 'react-native-maps';

const MapWithMarkers = () => {
  const [showMarkerA, setShowMarkerA] = useState(true);
  const [showMarkerB, setShowMarkerB] = useState(false);

  return (
    <Map>
      {showMarkerA && <Marker coordinate={{ latitude: 37.78825, longitude: -122.4324 }} />}
      {showMarkerB && <Marker coordinate={{ latitude: 37.78925, longitude: -122.4324 }} />}
    </Map>
  );
};

在上述例子中，根据showMarkerA和showMarkerB的值来决定是否渲染不同的标记。

使用数据驱动的方式：通过从后端获取数据，根据数据的不同属性来渲染不同类型的标记。可以使用异步请求库（如axios）从后端获取数据，然后根据数据的属性来渲染不同的标记。例如：

import React, { useEffect, useState } from 'react';
import { Map, Marker } from 'react-native-maps';
import axios from 'axios';

const MapWithMarkers = () => {
  const [markers, setMarkers] = useState([]);

  useEffect(() => {
    axios.get('https://api.example.com/markers')
      .then(response => {
        setMarkers(response.data);
      })
      .catch(error => {
        console.error('Error fetching markers:', error);
      });
  }, []);

  return (
    <Map>
      {markers.map(marker => (
        <Marker key={marker.id} coordinate={{ latitude: marker.latitude, longitude: marker.longitude }} />
      ))}
    </Map>
  );
};

在上述例子中，通过异步请求从后端获取标记数据，并根据数据中的经纬度信息渲染不同的标记。

使用自定义组件：通过自定义标记组件，根据不同的属性来渲染不同类型的标记。可以创建一个自定义的标记组件，根据传入的属性来渲染不同的标记样式。例如：

import React from 'react';
import { Map } from 'react-native-maps';

const CustomMarker = ({ coordinate, type }) => {
  let markerColor;

  switch (type) {
    case 'A':
      markerColor = 'red';
      break;
    case 'B':
      markerColor = 'blue';
      break;
    default:
      markerColor = 'green';
  }

  return (
    <Map.Marker coordinate={coordinate} pinColor={markerColor} />
  );
};

const MapWithMarkers = () => {
  return (
    <Map>
      <CustomMarker coordinate={{ latitude: 37.78825, longitude: -122.4324 }} type="A" />
      <CustomMarker coordinate={{ latitude: 37.78925, longitude: -122.4324 }} type="B" />
    </Map>
  );
};

在上述例子中，根据传入的type属性来决定渲染不同颜色的标记。

以上是在React原生地图上显示不同标记的几种方法。具体选择哪种方法取决于实际需求和项目架构。腾讯云提供的相关产品和服务可以参考腾讯云地图服务（https://cloud.tencent.com/product/maps）和腾讯位置服务（https://cloud.tencent.com/product/tianditu）等。