在uni-app中使用map组件并设置marker时，如果图标在H5上正常显示，但在真机上无法显示，通常是由于网络请求权限或图片跨域问题导致的。以下是一些可能的解决方案，包括相关的代码案例，来帮助你解决这个问题。

1. 确保图片地址可访问

首先，确保你的图片地址在真机上是可以访问的。你可以尝试在真机的浏览器中直接访问该图片地址，看是否能够正常显示。

2. 配置网络请求权限

在uni-app中，你可能需要在manifest.json文件中配置网络请求的权限。对于真机调试，确保你的应用有权限访问网络。

// manifest.json
{
  "mp-weixin": { // 以微信小程序为例，其他平台类似
    "permission": {
      "scope.userInfo": {
        "desc": "你的位置信息将用于小程序位置接口的效果展示"
      }
    },
    "networkTimeout": {
      "request": 10000,
      "connectSocket": 10000,
      "uploadFile": 10000,
      "downloadFile": 10000
    }
  }
}

3. 处理图片跨域问题

如果图片地址是跨域的，你可能需要在服务器端设置CORS（跨源资源共享）头部，允许你的uni-app应用访问该图片。这不是你可以直接在客户端代码中解决的，但你可以联系图片的提供者，让他们添加相应的CORS头部。

4. 使用Base64编码图片（备选方案）

如果以上方法都无法解决问题，你可以考虑将图片转换为Base64编码，然后直接在marker的iconPath中使用。这种方法会增加包的体积，但对于小图标来说通常是可行的。

// 假设你有一个将图片地址转换为Base64的函数getImageAsBase64
uni.getImageInfo({
  src: 'https://example.com/path/to/your/image.png', // 网络图片地址
  success: function (res) {
    const base64Image = 'data:image/png;base64,' + res.data.replace(/\n/g, '');

    uni.createMapContext('myMap').addMarkers({
      markers: [{
        id: 1,
        latitude: 30.690778,
        longitude: 104.064957,
        iconPath: base64Image, // 使用Base64编码的图片
        width: 50,
        height: 50
      }]
    });
  }
});

注意：上述getImageInfo方法实际上不支持直接从网络获取图片并返回Base64编码，这里只是为了说明思路。在实际操作中，你可能需要在服务器端或使用其他工具先将图片转换为Base64编码。

希望这些解决方案能帮助你解决uni-app中map marker在真机上无法显示图标的问题。