Question

我正在尝试创建一个Google Map页面，并在单击时添加一个事件，以添加一个标记。
我已经看到TouchableOpacity可能是我想要的，但是我似乎无法使其正常工作。

以下是显示页面的组件：

import React from 'react';
import {StyleSheet, View, Text} from 'react-native';
import MapView from 'react-native-maps';

export default class Map extends React.Component {
render() {
    var markers = [
        {
            latitude: 60.65,
            longitude: 18.90,
            title: 'Foo Place',
            subtitle: '1234 Foo Drive'
        }
    ];


    return (
        <View style={styles.container}>
            <MapView style={styles.map}
                     initialRegion={{
                         latitude: 60,
                         longitude: 18,
                         latitudeDelta: 0.1,
                         longitudeDelta: 0.1
                     }}
                     annotations={markers}
            >

                <MapView.Marker
                    coordinate={{latitude: 60.78825,
                        longitude: 18.4324}}
                    title={"title"}
                    description={"description"}
                />

            </MapView>

        </View>

    )
}
}

const styles = StyleSheet.create({
container: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
    justifyContent: 'flex-end',
    alignItems: 'center'
},
map: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0
}
})

我在和之间添加了TouchableOpacity代码。顶部的标记列表只是我添加到测试中的随机标记，目前，我并不是直接尝试在点击时添加标记，而是寻找如何“获取” onClick事件。

> TouchableOpacity是否必须具有要“单击”的元素，或者是否可以使其使其适用于我在地图上的任何位置单击？

在Google地图上点击事件

0 个答案: