Flutter：点击打开 google 地图时的 Mapbox 符号

Question

我有一个项目使用 MapBox 在地图中显示地址位置。我有纬度和经度 (-6.192461941069894,106.97593586545025) 像这样，我想如果我右击标记，我想打开 Google 基于我拥有的纬度和经度的地图应用程序。但问题是，单击符号后我无法打开 google 地图，因为单击地图后的纬度和经度与我拥有的纬度和经度不相同。

逻辑源代码

onMapClick: (point, latlng) {
        if (latlng.latitude == latitude && latlng.longitude == longitude) {
          launchGoogleMaps(latitude: latitude, longitude: longitude);
        }
        print(
            "From Map ${latlng.latitude} |${latlng.latitude} \nFrom Server $latitude||$longitude \n\n");
      },

我觉得当点击地图上的点距离很近时，我可以直接打开Google地图应用。我该怎么做？

完整源代码

class ExampleMapBox extends StatefulWidget {
  @override
  _ExampleMapBoxState createState() => _ExampleMapBoxState();
}

class _ExampleMapBoxState extends State<ExampleMapBox> {
  MapboxMapController mapController;
  double latitude, longitude;

  @override
  void initState() {
    super.initState();
    latitude = -6.192461941069894;
    longitude = 106.97593586545025;
  }

  void _onMapCreated(MapboxMapController mapboxMapController) {
    mapController = mapboxMapController;
  }

  @override
  Widget build(BuildContext context) {
    return MapboxMap(
      onMapCreated: _onMapCreated,
      initialCameraPosition: CameraPosition(target: LatLng(latitude, longitude), zoom: 10),
      onStyleLoadedCallback: () => addSymbol(mapController),
      onMapClick: (point, latlng) {
        if (latlng.latitude == latitude && latlng.longitude == longitude) {
          launchGoogleMaps(latitude: latitude, longitude: longitude);
        }
        print(
            "From Map ${latlng.latitude} |${latlng.latitude} \nFrom Server $latitude||$longitude \n\n");
      },
    );
  }

  void addSymbol(MapboxMapController mapBoxController) {
    mapBoxController.addSymbol(
      SymbolOptions(
        geometry: LatLng(latitude, longitude),
        iconImage: "assets/images/custom-icon.png",
        iconSize: 2,
      ),
    );
  }

  void launchGoogleMaps({@required double latitude, @required double longitude}) async {
    String googleUrl = 'https://www.google.com/maps/search/?api=1&query=$latitude,$longitude';

    if (await canLaunch(googleUrl)) {
      await launch(googleUrl);
    } else {
      throw 'Could Not Open The Map';
    }
  }
}

Answer 1

通过单击地图生成精确到 15 位的完全相同的坐标是不可能的。

我建议计算纬度和经度的偏差，并在偏差低于特定阈值时触发 launchGoogleMaps 函数。请尝试以下操作：

deviation_lat = (latlng.latitude - latitude) * (latlng.latitude - latitude);
deviation_lon = (latlng.longitude - longitude) * (latlng.longitude - longitude);

if (deviation_lat < 1 && deviation_lon < 1) {
          launchGoogleMaps(latitude: latitude, longitude: longitude);
        }

Answer 2

aFunction(Symbol symbol){
  // code goes here
}

void addSymbol(MapboxMapController mapBoxController) {
    mapBoxController.addSymbol(
      SymbolOptions(
        geometry: LatLng(latitude, longitude),
        iconImage: "assets/images/custom-icon.png",
        iconSize: 2,
      ),
    );
   mapBoxController.onSymbolTapped.add(aFunction); // This is a callback for symbols when tapped.

  }

你可以试试这个。

Flutter：点击打开 google 地图时的 Mapbox 符号

Flutter : Mapbox symbol on click open google maps

mapbox

flutter

逻辑源代码

完整源代码