HarmonyOS鸿蒙Next中@react-native-oh-tpl/react-native-amap3d使用Marker的icon属性后没有生效

HarmonyOS鸿蒙Next中@react-native-oh-tpl/react-native-amap3d使用Marker的icon属性后没有生效

Marker
    icon={
      uri: "https://jhcx-app-v6-static.ninebot.com/icon/ic_start_marker_dark.png",
      width: 48,
      height: 48,
    }
    // icon={require("../imgs/ic_alert_dark.png")}
    position={startLoc}
  1. 正常设置uri后没有效果，还是显示原来的默认图标
  2. 设置为icon={require("…/imgs/ic_alert_dark.png")} 后会闪退

版本是： “name”: “@react-native-oh-tpl/react-native-amap3d”, “version”: “3.2.4-0.1.1-rc.1”,


更多关于HarmonyOS鸿蒙Next中@react-native-oh-tpl/react-native-amap3d使用Marker的icon属性后没有生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

您好，为了更快速解决您的问题，并且吸引更多用户一同参与您问题的解答与讨论，建议您补全如下信息：

补全复现代码，让参与用户更快速复现您的问题;

更多提问技巧，请参考：【Tips】如何提个好问题

更多关于HarmonyOS鸿蒙Next中@react-native-oh-tpl/react-native-amap3d使用Marker的icon属性后没有生效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，@react-native-oh-tpl/react-native-amap3d的Marker组件的icon属性未生效，可能是由于以下原因：

  1. 图标路径或资源未正确加载；
  2. 图标格式或尺寸不符合要求；
  3. 组件版本与鸿蒙Next不兼容。

建议检查图标资源路径、格式及尺寸，并确保使用最新版本的组件库。

这是一个在HarmonyOS Next中使用react-native-amap3d组件时遇到的Marker图标显示问题。针对您的情况：

  1. 关于uri方式不生效：
  • 请确认网络图片URL可正常访问，建议先在浏览器中测试该URL
  • 尝试添加图片加载失败的回调处理
  • 检查是否需要在AndroidManifest.xml中添加网络权限（虽然HarmonyOS不同，但可能需要类似配置）
  1. 关于require方式闪退：
  • 确保图片路径正确且图片存在
  • 检查图片格式是否受支持（建议使用PNG格式）
  • 图片尺寸不宜过大，48x48的尺寸是合适的

建议先尝试以下修改：

  1. 使用本地图片时，确认图片已正确打包到应用中
  2. 对于网络图片，可以先用更简单的URL测试（如官方示例图片）
  3. 检查控制台是否有相关错误日志输出

这是该组件在HarmonyOS Next上的常见适配问题，通常与图片资源加载机制有关。

回到顶部