当前位置: 首页 > 知识库问答 >
问题:

向Marker-React-Native MapView添加不同图像的函数

巩选
2023-03-14

通过使用本文https://medium.com/@clarkjohnson_85334/adding-fetched-markers-to-my-react-native-maps-app-5f068c7be14d,我成功地在MapView中集成了观察结果。

 mapMarkers = () => {
    return this.state.items.map((item) => <Marker
        key={item.id}
        coordinate={{ latitude: item.geoLocation.latitude, longitude: item.geoLocation.longitude }}
        title={item.acceptedVernacularName}
        description={item.scientificName}
    >
    </Marker >)
}

JSON文件

共有1个答案

西门飞星
2023-03-14

制作这样的函数,根据您的类型获取自定义图标

getIconFromType(type) {
        var icon = require("../image_path/");
        switch (type) {
            case "A": icon = require("../image_path/image_a.png");
                break
            case "B": icon = require("../image_path/image_b.png");
                break
            default: icon = require("../image_path/image_b.png");
                break
        }
        return icon
 }

然后使用此方法根据您的id在标记中应用自定义图标

<Marker  ...other props>
 <Image source={this.getIconFromType(item.type)} resizeMode={'contain'} style={{ height: 30, width: 30 }} />
</Marker>
 类似资料:
  • 问题内容: 我一直在尝试找出如何通过React和Webpack动态添加图像。我在 src / images 下有一个图像文件夹, 在 src / components / index 下有一个组件。我正在将url-loader和以下配置用于webpack 在组件内,我知道可以在创建组件之前在文件顶部为特定图像添加 require(image_path) ,但我想使该组件通用,并使其具有一个属性,该

  • 我想添加一个图像到一个JPanel中,JPanel在JInternalFrame中,JInternalFrame有一个父,JDesktopPane。 我尝试使用另一个类从路径添加图像,然后,

  • 我得到了这个错误: 线程“main”java.lang.NullPointerException在GUI上的javax.swing.ImageIcon(未知源)。(Gui.java:22)在test.main(test.java:7)

  • 问题内容: 问题答案: 您必须向JLabel提供一个实现(即)。您可以通过方法(如您的问题)中的方法或通过构造函数来执行此操作: 我建议你阅读的Javadoc ,和。另外,您可以查看“ 如何使用标签教程 ”以获取更多信息。

  • 问题内容: 如何使用乌龟图形将图像添加到我的图像? 每当我使用该功能时,我都会不断出错。 龟图形是否有其他方式加载/导入图像? 例如: 问题答案: 该模块确实支持图像,但仅支持GIF图像,不支持PNG或任何其他格式。正如文档所说: name 是gif文件的名称,shape是:安装相应的图像形状。 而且,如果您查看源代码,他们会认真对待“ gif文件”:它通过调用来确定您要添加图像还是多边形的方式显