GoogleMaps mit Java und JavaScript

marie12 · 28. Jan 2012

Hi,

ich habe folgendes Problem:
Ich habe quasi eine fertige GoogleMaps Anwendung, die in Java geschrieben wurde. Jetzt soll ich das ganze aber Online mittels Hompage funktioneren. Also habe ich damit angefangen das ganze mittels JSF als Homepage aufzubauen, was auch ganz gut funktioniert, ich kann die Karte auf der HP anzeigen, Einträge hinzufügen, löschen, etc.
Jetzt habe ich allerdings das Problem, das einige Sachen nicht mit der JavaAPI gehen, so weit ich das mitbekommen habe zumindest. Eins davon wäre zum Beispiel neben der Karte ein kleines Menu zu bauen, in dem die Einträge der Karte aufgelsitet sind und durch Klick auf einen Eintrag die Karte sich dahin zentriert und die Infobox aufgeht (wie man das ja auch gewohnt ist, wenn man beispielsweise was in GoogleMaps sucht, hat man da ja links so ein Menu mit den Einträgen und den Icons).

Ich habe da auch schon ein kleines Beispiel gefunden, wie das in Javascript funktionieren könnte:

Google Maps mit Sidebar | DrWeb.de | Online-Magazin

In der GoogleAPI für Javascript habe ich auch die Methode gefunden, die auf dem Karteneintrag ausgelöst werden muss gefunden, nämlich openInfoWindow()
(siehe:Google Maps-API â€“ Referenz - Google Maps-API - Google Code)

jetzt eben nur noch das Problem, dass ich aus meinem bestehenden JavaCode den entsprechenden KartenEintrag in den JavaScriptCode übergebe. Bis jetzt mache ich das so:

HTML:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:h="http://java.sun.com/jsf/html">
<head>
<script src="js/Date.js" type="text/javascript"></script>
	
<script type="text/javascript">

function OpenBox(marker){
	marker.openInfoWindow();
}

function PrintName(name){
	document.write("Name: " + name);
}
</script>
	<title>Edit customer</title>
</head>
<body>


			<h2><h:outputText value="#{msgs.menu_delete_sponsor}"/></h2>

			<div id="Gmap">
			<iframe width="425" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msa=0&amp;msid=203419057583820332233.0004a86e9a9d55907849c&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps/ms?msa=0&amp;msid=203419057583820332233.0004a86e9a9d55907849c&amp;source=embed" style="color:#0000FF;text-align:left">Demo Map</a> auf einer größeren Karte anzeigen</small>
			</div>
			
			<script type="text/javascript">
			PrintName("#{mapsHandler.firstFeatureEntryName}");
			OpenBox("#{mapsHandler.firstFeatureEntry}");
			</script>

</body>
</html>

Funktionieren tuts allerdings nicht.
mapsHandler.firstFeatureEntry gibt einen Objekt vom Typ FeatureEntry aus dem JavaCode zurück, allerdings weiß ich nicht ob dann JavaScript damit arbeiten kann, bzw. wie ich das bewerkstelligen kann, das ich eben so ein Karteneintrag von Java in Javascript bekomme. Geht das irgendwie?

Ich habe halt keine Lust das Programm jetzt komplett in Javascript umzuschreiben, nur wegen der Navigationsbar. Das ist jetzt fast das letzte was noch fehlt, sonst geht eigentlich alles.

Kann mir vll. jemand helfen, im Internet habe ich nichts gefunden.

Tobias · 28. Jan 2012

Java-Objekte und JavaScript-Objekte sind nicht kompatibel. Schau dir mal den generierten HTML-Code (also das, was letztlich im Browser ankommt) an. Da wo die beiden Javascript-Funktionen aufgerufen werden, würd ich sowas wie die toString()-Ausgabe der Java-Objekte erwarten. Du musst die Java-Objekte nach Javascript konvertieren, indem du dir die entsprechenden Konstruktoraufrufe als String-Ausgabe in den HTML-Code hineingenerierst.
Mein erster Ansatz wäre JSON gewesen, ich weiß aber nicht auswendig, ob das mit bestehenden Klassen funktioniert - also das man nur die Instanzvariablen überschreibt. Von daher ist ersterer Ansatz sicher besser, wenn auch nicht so geekig und buzzword-geladen 😉.
Zum Javascript-Debuggen unverzichtbar ist Firebug und die Firefox-Fehlerkonsole. Oder wahlweise die Dev-Tools im Chrome.

mpG
Tobias

truesoul · 28. Jan 2012

Hallo.

Schau dir mal meine Signatur an, vielleicht wäre es auch Interessant für dich.

Mfg

marie12 · 28. Jan 2012

@truesoul: über GWT bin ich schon ganz am Anfang mal gestolpert, hab mich da nicht weiter mit befasst, wäre im Nachhinein vll besser gewesen wenn ichs gleich damit gemacht hätte, aber jetzt, für den letzten Schritt würd ich mich da ungern noch "einlernen" wollen. Muss mal schauen, wenns nicht anderst geht werd ich mal danach schauen

Du musst die Java-Objekte nach Javascript konvertieren, indem du dir die entsprechenden Konstruktoraufrufe als String-Ausgabe in den HTML-Code hineingenerierst.

Mit einem Konstruktoraufruf erschaffe ich ja aber ein neues Objekt, ich will ja aber auf ein schon bestehendes zugreifen oder ist das egal?
Wenn ich jetzt für jeden Karteineintrag nochmal in Javascript den Konstruktur aufrufe dann hab ich ja jeden Eintrag doppelt in meiner Karte, oder nicht?

In der Java API wird ja alles irgendwie über Feeds gehandelt. Also da kann ich mir einen Karteneintrag aus so einem Feed rausholen, und das sind meistens so urls, die könnt ich ja wunderbar übergeben, aber irgendwie arbeitet die Javascript API überhaupt nicht mit Feeds.

Mit JSON kenn ich mich nicht so aus, dachte das ist irgendwie nur so ein Format um Daten hin und her zu schieben. (Bekomm den Karteneintrag aus Java allerdings nicht als JSON, hab noch nichts gefunden wie das geht)

marie12 · 28. Jan 2012

wey, ich hab glaub was gefunden:

Java:

function listMaps() {
  var list = document.createElement('ul');
  var mapFeedUrl = 'http://maps.google.com/maps/feeds/maps/default/owned';

  service.getMapFeed(mapFeedUrl, function(feedRoot) {
    var feed = feedRoot.feed;
    var entries = feed.getEntries();
    for (var i = 0; i < entries.length; i++) {
      var entry = entries[i];
      var mapTitle = entry.getTitle().getText();
      var listItem = document.createElement('li');
      var listText = document.createTextNode(mapTitle);
      listItem.appendChild(listText);
      list.appendChild(listItem);
    }
    document.body.appendChild(list);
  }, errorHandler);
}

das müsste eigentlich funktionieren. Ich hol mir einfach den Feed der Karte aus meinem JavaCode und geb ihn in das JavaScript-"Programm", so komm ich an meine schon erstellte Karte ran und kann mir die einzelnen Einträge abholen.

Ich werds mal ausprobieren und sag dann bescheid

GoogleMaps mit Java und JavaScript

marie12

Mitglied

Tobias

Top Contributor

truesoul

Top Contributor

marie12

Mitglied

marie12

Mitglied

Aktuelle Jobs

Neue Themen

Ähnliche Themen