在react-native-map中显示多边形上的小点是可行的。你可以通过在多边形的每个顶点位置上添加一个自定义的标记来实现。以下是一个可能的解决方案:
以下是一个示例代码:
import React from 'react';
import { View } from 'react-native';
import MapView, { Marker, Polygon } from 'react-native-maps';
const polygonCoordinates = [
{ latitude: 37.78825, longitude: -122.4324 },
{ latitude: 37.78925, longitude: -122.4324 },
{ latitude: 37.78925, longitude: -122.4314 },
{ latitude: 37.78825, longitude: -122.4314 },
];
const App = () => {
return (
<View style={{ flex: 1 }}>
<MapView style={{ flex: 1 }}>
<Polygon
coordinates={polygonCoordinates}
fillColor="rgba(0, 255, 0, 0.5)"
/>
{polygonCoordinates.map((coordinate, index) => (
<Marker
key={index}
coordinate={coordinate}
pinColor="blue"
/>
))}
</MapView>
</View>
);
};
export default App;
在上面的示例中,我们创建了一个包含四个顶点坐标的多边形,并在每个顶点位置上添加了一个蓝色的标记。
请注意,这只是一个简单的示例,你可以根据你的需求进行更复杂的定制和样式设置。
推荐的腾讯云相关产品:腾讯云地图服务(https://cloud.tencent.com/product/maps)
领取专属 10元无门槛券
手把手带您无忧上云