如何将地图和标记添加到 Flutter Web答案

【问题标题】：How to add map and markers to flutter web如何将地图和标记添加到 Flutter Web
【发布时间】：2019-10-22 09:04:25
【问题描述】：

如何在flutter google上添加地图？我从 Firestore 获得标记，但现在我不知道使用哪个地图来颤动网络。大多数仅适用于 ios/android。

我尝试使用flutter_map。但是这个解决方案让我遇到了这个错误。

'NetworkImageWithRetry.load' 的位置参数比被覆盖的方法少 'ImageProvider.load'。

ImageStreamCompleter 加载（NetworkImageWithRetry 键）{ ^ org-dartlang-app:///packages/flutter/src/painting/image_provider.dart：上下文：这是被覆盖的方法（“加载”）。 AssetNotFoundException：flutter_image|lib/network.ddc.dill
编译 dartdevc 模块时出错：flutter_image|lib/network.ddc.js

packages/flutter_image/network.dart:73:24: 错误: 方法 'NetworkImageWithRetry.load' 少位置参数比覆盖方法“ImageProvider.load”的参数。 ImageStreamCompleter 加载（NetworkImageWithRetry 键）{ ^ packages/flutter/src/painting/image_provider.dart：上下文：这是被覆盖的方法（'load'）。

AssetNotFoundException:flutter_image|lib/network.ddc.dill

AssetNotFoundException:flutter_image|lib/network.ddc.dill

BuildStepCompletedException：在完成后尝试使用 BuildStep

快照

@override
Widget build(BuildContext context) {
return new FlutterMap(
  options: new MapOptions(
    center: new LatLng(51.5, -0.09),
    zoom: 13.0,
  ),
  layers: [
    new TileLayerOptions(
      urlTemplate: "https://api.tiles.mapbox.com/v4/"
          "{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",
      additionalOptions: {
        'accessToken': '<key>',
        'id': 'mapbox.streets',
      },
    ),
    new MarkerLayerOptions(
      markers: [
        new Marker(
          width: 80.0,
          height: 80.0,
          point: new LatLng(51.5, -0.09),
          builder: (ctx) =>
          new Container(
            child: new FlutterLogo(),
          ),
        ),
      ],
    ),
  ],
);
}

【问题讨论】：

您能补充更多信息吗？您需要开发什么以及您尝试过什么。因为当前错误是 ** AssetNotFoundException** 未找到资产。我正在使用上述库并且它工作正常。
@Sunny 我只想在 Flutter Web 中使用这个库。我想在网站上显示地图。
stackoverflow.com/questions/57155881/…

标签： flutter dart flutter-layout flutter-web

【解决方案1】：

尝试改变这个

urlTemplate: "https://api.tiles.mapbox.com/v4/"
      "{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",

强文本

urlTemplate: "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",

【讨论】：

并尝试在 {} ${id} 之前添加“$”
这并不能回答问题，据我所知，您只是误解了字符串连接：void main() { print('a' 'b'); } 这将打印“ab”。