通过使用本文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文件
制作这样的函数,根据您的类型获取自定义图标
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文件”:它通过调用来确定您要添加图像还是多边形的方式显