探索React Native Map Linking：打造无缝地图导航体验

import React, { Component } from 'react';
import { View, Text, Button, Linking } from 'react-native';
 
export default class MapLinkingExample extends Component {
  openMaps = () => {
    // 假设我们有一个地址对象
    const address = {
      latitude: 37.7577,
      longitude: -122.4017,
      title: 'Apple Park',
      label: 'One Infinite Loop, Cupertino, CA 95014',
      query: '(37.7577, -122.4017)' // 格式取决于所使用的地图服务
    };
 
    // 使用地图查询打开地址
    Linking.openURL(`http://maps.google.com/maps?q=${encodeURIComponent(address.query)}`)
      .catch(error => console.error('Error opening maps:', error));
  };
 
  render() {
    return (
      <View>
        <Button title="Open Maps" onPress={this.openMaps} />
      </View>
    );
  }
}

这段代码展示了如何在React Native应用中使用Linking API来打开一个内置的地图应用来显示特定的地址信息。这是一个简化的例子，实际应用中可能需要更复杂的逻辑来处理地址格式和错误处理。