HarmonyOS鸿蒙Next中react-native-maps的marker如何自定义图标？

HarmonyOS鸿蒙Next中react-native-maps的marker如何自定义图标？

import MapView, {Marker} from ‘react-native-maps’;

const icon = { uri: ‘icon9.png’, width: 26, height: 34, scale: 1, };

<MapView> <Marker coordinate={{ longitude: 121.11 latitude: 31.11, }} image={icon} onPress={() => null} /> </MapView>

icon9.png放在harmony/entry/oh_modules/@react-native-oh-tpl/react-native-maps/src/main/resources/rawfile/assets/icon9.png，但是没有生效；

求帮忙，谢谢


更多关于HarmonyOS鸿蒙Next中react-native-maps的marker如何自定义图标？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复 
<Marker
coordinate={{
longitude: 121.11
latitude: 31.11,
}}
image={''asset://icon9.png''}
onPress={() => null}
>

更多关于HarmonyOS鸿蒙Next中react-native-maps的marker如何自定义图标？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中使用react-native-maps自定义Marker图标，可以通过<Marker>组件的image属性实现。首先，将自定义图标文件（如PNG格式）放入项目资源目录。然后在代码中引入该图标，并传递给image属性，例如：

<Marker coordinate={...} image={require('./custom-icon.png')} />


确保图标路径正确，并调整大小和样式以适配需求。
回到顶部