dart - 将 Google 地图库与 Polymer 一起使用

Question

我正在将使用 GMap 库的 Dart 应用程序转换为 Polymer。然而，地图似乎没有被渲染，我的应用程序也没有其他任何东西。我得到的只是一个空白屏幕。我没有收到运行时错误。

渲染地图的 div 位于聚合物元素中。在 Dart 文件中，我正在像这样实例化地图：

final mapOptions = new MapOptions()
  ..zoom = 15
  ..center = LAT_LONG_KORTRIJK
  ..mapTypeId = MapTypeId.ROADMAP;
Element mapView = getShadowRoot("my-element").query("#mapView");
_map = js.retain(new GMap(mapView, mapOptions));

对发生的事情有任何想法吗？

Answer 1

js 包暂时不支持Shadow DOM。您正面临issue-99。直到dart:js土地上的原生元素支持，我认为这个问题不会得到解决。

危险区：可能有一种肮脏的方法可以根据此消息通过手动替换/packages/js/指向的js分支的内容来解决此问题。