javascript - 来自某个州的 react-native-map 标记图像来源

标签 javascript android ios react-native react-native-maps

我有这样的状态:

this.state = {
        width :  Dimensions.get('window').width,
        height :  Dimensions.get('window').height,
        initialPosition:  {
          latitiude: 48.866667,
          longitude: 2.333333,
          latitudeDelta:LATITUDE_DELTA,
          longitudeDelta: LONGITUDE_DELTA
        },
        markerIcons: {},
        markers: [],
    };

在 markerIcon 中我有不同的 .png 像这样:

enter image description here

din 标记我有另一个对象,其中出现不同的信息和交易者类别:

enter image description here

我在渲染中将我的标记定义为:

  {Object.keys(this.state.markers).map((marker, key) => (
          <Marker
              key={key}
              coordinate={this.state.markers[marker].coordinate}
              title={this.state.markers[marker].title}
              description={this.state.markers[marker].address}
              image={......}
          />
        ))}   
          </MapView>
        </View>

我希望我的图片来源与我的交易员类别相匹配。
两个对象中的名称相同,但如何在我的标记中执行此操作? 我怎样才能设置我的标记的图像源??

感谢您的帮助;)

最佳答案

您可以通过这种方式使用自定义图标 a busy cat

关于javascript - 来自某个州的 react-native-map 标记图像来源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50131381/

相关文章:

javascript - 如何显式查询一个字段并得到所有可能的结果?蒙戈

javascript - 不允许输入类型来选择过期日期

android - 如何在 linux 上将单个帧(从设备中提取)转换为视频文件并将其推回同一目录

android - ionic 相机应用程序在三星 Galaxy s4 中崩溃

ios - Swift 3 - 如何声明 NSOrderedSet 以使用 setVocabularyStrings?

javascript - 替换嵌套括号中的内容

javascript - 如何调试 Ngrok 不通过节点模块启动?

c# - Xamarin Android DownloadString 需要很长时间甚至无法工作

ios - 从iOS 4.2发布到Twitter是否有任何好的教程

ios - 对于以上 ios 7,搜索栏未以横向全角显示