javascript - Vaadin 14 中的 Google map

标签 javascript java polymer vaadin vaadin-flow

我有兴趣将 Google map 放入 Vaadin 14(在 PWA 应用程序中)。我看到 Vaadin 8 有很多插件,显然不适用于 Vaadin 10+。环顾四周,我没有找到任何东西然后我问你是否有任何插件已经准备好?我还看到了 Web 组件 ( https://vaadin.com/directory/component/googlewebcomponentsgoogle-map )。我没接触过Polymer的世界,只接触过Java。我想知道:如果我想使用它,如何在 Vaadin 14 UI 中开始使用它?如果可能的话,一个小的演示或例子。我在 Vaadin 指南中进行了搜索,但我不太了解。

最佳答案

您的问题过于宽泛,无法在此处给出准确的技术答案,但我可以列出可供探索的资源。

Vaadin Forum 有讨论关于集成该 Web 组件,您可以找到指向 GitHub 示例的指针 https://vaadin.com/forum/thread/17235558/maps-leaflet-google-map这里还有一些关于它的附加评论 https://vaadin.com/forum/thread/17842727/getting-started-with-vaadin-14-and-google-maps

但是,该网络组件存在一个主要问题。它是为 Polymer 2 制作的,因此您只能在 Vaadin 14 中使用它 compatibility mode ,并在 npm模式不可用。该组件未维护且没有Polymer 3 版本可用 npm loadable resource .

所以还有另一种方法,即使用与 Vaadin 8 附加组件中使用的相同的 JavaScript 库和 API。确实有一个社区项目。我还没有测试过,但是很有趣。您可以在 this forum page 上找到更多信息.

关于javascript - Vaadin 14 中的 Google map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60979960/

相关文章:

javascript - 我可以在 React 应用程序中使用什么作为 Angular 的 $http.get 的等价物

javascript - 从回调中检索原始上下文

javascript - 无法将组件 Controller 中的对象绑定(bind)到 Angular 1.5 中的 View

Java Arraylist 按索引删除多个元素

javascript - 更改 Iron-List 中现有项目的绑定(bind)属性值

javascript - 如何在 polymer 中使用图像轮播

javascript - 我不想很快地运行同一个命令两次

java - 配置elasticsearch监听0.0.0.0 :9200 (IPV4)

java - 如何使用 Jenkins 参数化构建?

javascript - 如何从铁型 polymer 1 请求中获得响应