Question

所以我试图在用java编写的桌面应用程序中实现谷歌地图。事实证明，这比我想象的要困难得多，特别是在我缺乏技能的情况下。我以前从未在这里提交过一个问题，但我会尝试按照我在研究时看到的方式来做这件事。

这是我的java类：

package GUI;

import java.net.URL;

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Region;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebEvent;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class JavaFXGoogleMaps extends Application {

    private Scene scene;
    MyBrowser myBrowser;

    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("SHEEPTRACKER3000");
        primaryStage.setWidth(400);
        primaryStage.setHeight(300);
        myBrowser = new MyBrowser();
        scene = new Scene(myBrowser, 400, 300);
        primaryStage.setScene(scene);
        primaryStage.show();

    }

    public static void main(String[] args) {
        launch(args);

    }

    static class MyBrowser extends Region {
        HBox toolbar;

        static WebView webView = new WebView();
        static WebEngine webEngine = webView.getEngine();

        public MyBrowser() {

            final URL urlGoogleMaps = getClass().getResource(
                    "GoogleMapsV3.html");
            webEngine.load(urlGoogleMaps.toExternalForm());
            webEngine.setJavaScriptEnabled(true);
            getChildren().add(webView);

            webEngine.setOnAlert(new EventHandler<WebEvent<String>>() {

                @Override
                public void handle(WebEvent<String> arg0) {

                    System.out.println("We are here");
                    webEngine
                            .executeScript("document.getElementById('test').innerHTML = 'the new text';");
                    webEngine.executeScript("document.setNewMarker()");
                    webEngine
                            .executeScript("document.setNewMarkerWithParameters(nAME-63.44-10.39)");
                    // webEngine.load(urlGoogleMaps.toExternalForm());
                    // getChildren().add(webView);

                }

            });

        }
    }
}

这是我的html文档：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAGiYaSPuB9Mx2t37gy9yhUR_QOUwdTWE0&sensor=false">
    </script>
    <script type="text/javascript">
      function initialize() {
        var myCenter = new google.maps.LatLng(63.43,10.39)
        var mapOptions = {
          center: myCenter,
          zoom: 13,
          mapTypeId: google.maps.MapTypeId.ROADMAP  
            };

         map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
        var tilesloaded=true;
        google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
            if(tilesloaded ==true){
             window.alert();
             tilesloaded=false;
            }
        });
      }
     document.setNewMarker = function setNewMarker(){
         var marker=new google.maps.Marker({
              position:new google.maps.LatLng(63.43,10.39),
              icon:'sheep1.png',
              map:map,
              });

     }
     document.setNewMarkerWithParameters = function setNewMarkerWithParameters(info){
         var array = info.split('-');
         var a = array[0], b = array[1], c = array[2];
         var lat = parseFloat(b);
         var longi = parseFloat(c);
         var name = parseString(a);
         var marker=new google.maps.Marker({
              position:new google.maps.LatLng(lat,longi),
              icon:'sheep1.png',
              map:map,
              });

     }
     google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
  <h1 id="test"> Does dis work?</h1>
    <div id="map_canvas" style="width:400px; height:300px"></div>
  </body>
</html>

我现在已经有一段时间了，学校的项目截止日期正在结束。我收到错误消息“无法找到变量'名称'”，我不明白这意味着什么。为了把它放在上下文中，我试图在java中创建一个函数，我在表格[name-lat-long]上迭代一个数组并将标记添加到地图中。但是，当我收到错误时，我无法到达那里。名称变量尚未使用，因为我试图在我进一步发展之前使这部分代码工作。但后来我希望能够点击标记并在该位置找到对象的名称。任何反馈都会非常感激。

Answer 1

在这一行：

webEngine
    .executeScript("document.setNewMarkerWithParameters(nAME-63.44-10.39)");

...你告诉引擎执行document.setNewMarkerWithParameters函数，传入这个表达式的结果：

nAME
- 63.44
- 10.39

，例如，变量nAME减去这两个浮点数。我猜你没有在任何地方定义变量nAME。

但是在你的函数中，看起来你期望它是一个字符串。如果是这样的话：

webEngine
    .executeScript("document.setNewMarkerWithParameters('nAME-63.44-10.39')");
// Note the quotes -------------------------------------^----------------^

Answer 2

您还必须替换

var name = parseString(a);

带

var name = a;

split总是返回一个字符串，据我所知，parseString在java脚本中不存在（如果你需要使用toString（））

我能够像这样运行代码（使用T.J.Crowder提供的解决方案并删除parseString）

从java发送字符串到javascript时“找不到变量”。

2 个答案: