Google Maps API 和 JavaFX 组合使用是一个强大的工具，可以轻松地将地图和 UI 结合起来。在本文中，我们将介绍如何使用 JavaFX 创建交互式地图，并在地图上添加标记。
准备工作
要开始使用 Google Maps API，首先需要获取 API 密钥。前往谷歌云平台控制台并创建一个新项目。在项目设置中，启用 Google Maps JavaScript API 。然后，在凭据设置中创建一个 API 密钥。
引入 Google 地图 API
要在 JavaFX 应用程序中嵌入 Google 地图，需要使用 WebView 控件和 Google 地图 Javascript API。以下是如何引入 Google 地图 API 的示例代码：
------ -------------------------------
------ --------------------
------ -------------------
------ ------------------------------
------ ---------------------------
------ -------------------------
------ -------------------
------ ----- ------ ------- ----------- -
------- ------ ----- ------ ------- - ---------------
---------
------ ---- ----------- ------------- -
------- ------- - --- ----------
--------- --------- - --------------------
--------- ---- - --- -------------------
------------------------------
------ --- - ---------------------------------------------- - --------
--------------------
----- ----- - --- ----------- ---- -----
-----------------------------
--------------------
-
------ ------ ---- ------------- ----- -
-------------
-
-我们创建了一个 WebView 控件，然后通过 WebEngine 加载地图 API URL。最后，将 WebView 放置在应用程序的根布局中。
在地图上标记位置
现在我们已经成功地引入了 Google 地图 API，接下来让我们在地图上添加标记。首先，我们需要在地图上指定一个位置，并在该位置添加标记。以下是如何在 JavaFX 应用程序中实现此功能的示例代码：
------ -------------------------------
------ --------------------
------ -------------------
------ ------------------------------
------ ---------------------------
------ -------------------------
------ -------------------
------ -----------------------------
------ ----- ------ ------- ----------- -
------- ------ ----- ------ ------- - ---------------
---------
------ ---- ----------- ------------- -
------- ------- - --- ----------
--------- --------- - --------------------
--------- ---- - --- -------------------
------------------------------
--------------------------------- -- -
-------- ------ - ---------- ----------------------------------
----------------------- ------
---
------ --- - ---------------------------------------------- - ------- - --------------------
--------------------
----- ----- - --- ----------- ---- -----
-----------------------------
--------------------
-
------ ---- ---------------- ---- ------ ---- -
--------- --------- - --------------------
-------- --- - ---------- -------------------------------
-------- ------ - ---------- ---------------------------- ----------------------------- ----- - - --- - -- ---- - - --- - --- ---- ---------
-
------ ------ ---- ------------- ----- -
-------------
-
-在这个示例中，我们定义了一个名为 addMarker 的方法，该方法接收纬度和经度作为参数。通过执行 JavaScript 代码，我们将地图上的标记添加到指定位置。
结论
本文介绍了如何在 JavaFX 应用程序中嵌入 Google 地图，并在地图上添加标记。使用这些技术，您可以创建基于地图的交互式应用程序，例如用于显示位置信息或路线规划的应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8396