Druckbare Version
hi christian,
hm hab ich das irgendwie falsch verstanden. verdammt.
Aber wie kann ich dort schon die ADresse angeben wenn die Adresse doch im Item vorhanden ist und er sich die dort holen soll um dann die Position zu errechnen.
Darum geht es hier ja hier soweit ich es verstanden hab.
Meine Items haben alle Adressinformationen und jedes Item soll seine eiene GoogleMap bekomm. Muss ich jetzt anders vorgehen ?
??? Wovon redest Du? Wenn Du das Catalog-Modul meinst, musst Du schon den Kollegen fragen, der das entwickelt hat. Um mit dem Modul dlh_googlemaps Einträge eines Kataloges zu zeigen, werden die Koodinaten wohl schon vorhanden sein müssen.
Ich hab das selbe Problem wie Nummer19,
habe schon das Modul von Nikolas drauf. Geo Koords werden wie es aussieht
auch schon korrekt ermittelt. Leider wird bei mir keine Karte angezeigt !
mod_dlh_googlemaps_dynicons.tpl ?? woher gibt es diese überhaupt, ich hab die nicht :/
Meine Schritte:
1. Katalog bekam das Feld "geocoordsfield" in dieser automatisch ermittelt wird
2. Unter Google Maps eine neue GoogleMap erstellt, Adresse für Geocoding und Geo-Koordinaten leer gelassen.
3. Modul erstellt mit Modul-Typ "Google Map", dort meine erstellte GoogleMap ausgewählt
4. Modul "Katalog-Leser" erstellt mit sichtbaren Feld "geocoordsfield"
Katalog-Template "mod_cataloglist" und Katalog-Layout "catalog-simple"
5. catalog-simple.tpl ersetzt mit Code von cubano
6. Im Artikel dann den CatalogLeser Modul und danach das googleMap Modul
PS: ich kann im Modul GoogleMap garkein Template angeben, nur die GoogleMap auswählen die man im Backend unter Google Maps anlegen kann.
Und dynicons gibts auch nicht.
Ich weiss nicht, ob Ihr hier nicht gerade alle aneinander vorbeiredet.
Seit der aktuellen Version von dlh_googlemaps gibt es keine unterschiedlichen Templates mehr, weil diese einfach nicht mehr benötigt werden. Wenn Ihr wissen wollt, wie man dynamisch Markierungen in eine Karte bekommt, lest den entsprechenen Abschnitt im Handbuch.
Wenn Ihr den Katalog für Eure Markierungen nutzen möchtet, gibt es wohl eine passende Erweiterung hierfür, die ich mir aber leider mangels Zeit noch nicht näher angesehen habe. Ich gehe aber mal schwer davon aus, dass sie die aktuelle Version unterstützt und nicht die vorhergehenden, die noch auf der Maps Api V2 aufsetzten.
Grüße,
Christian
Danke dir :D sehr cool, hat funktioniert !!!
Habe deinen Code für die dynamische Markierung studiert und mir das ganze mit der ID meiner Map
und dem Code des Catalog-Lesers zu einem eigenen Kataloglayout gebastelt.
Ich habe die *LATLNG* durch den Wert des geocoordsfield ersetzt
Nun wird der Kartenausschnit und der Marker des jeweiligen Katalog Items angezeigt.Code:<?php echo $entry[data]['mapkoordinate']['value']; ?>
Tausend Dank :)
Gerne!
Ich glaube, ich muss nochmal irgendwo dick hinschreiben, dass man aufpassen muss, nicht Teile aus V2 mit Teilen aus V3 zu vermischen. Das Google-API hat sich hier total geändert.
Hallo JoergK,Zitat:
Zitat von JoergK
ich stehe vor dem gleichen Problem. Über mehrere bearbeiten, klappt es bei mir leider nicht. Hast Du noch etwas besonderes dafür angestellt?
Grüße
PAndroid
Hallo,
ich bin nach der Anleitung von cubano vorgegangen, allerdings werden bei mir keine Daten auf der Karte ausgegeben. Im Quelltext sieht meiner Meinung nach alles korrekt aus.
Das dlh_googlemaps Template muss ja nicht mehr angepasst werden oder?
Hier der Link zur Seite: http://christoph-schiffer.de/aksh/in...chtskarte.html
Nachtrag: Ich glaube es liegt daran, dass sich die API geändert hat. Ich muss mir das nochmal ansehen. Hat sich also vorerst erledigt.
Gruß
Chris
Hallo liebe Community,
ich habe mir gerade sämtliche Einträge recht genau durchgelesen - womöglich hapert es auch an meinen mangelnden php-Kentnissen - denn ich komme jetzt auch nicht weiter. Möchte Katalog-Einträge mit einer Google-Map versehen.
Habe - wie beschrieben - dlh_googlemaps installiert. Neue Map angelegt - Adresse und Koordinaten freigelassen.
Katalog um das Feld "koordinaten" erweitert. Das Template catalog_full angepasst. Die Koordinaten werden - wie es im Quelltext aussieht - auch "erkannt" allerdings nicht dem dlh_googlemap-Modul übergeben. Dort steht "Kodierungnichtmöglich.".
Kann mir hier jemand mit einem angepassten catalog_full template weiterhelfen? Oder kann es noch an etwas anderem liegen?
contao version: 2.10.1
seite: http://tinyurl.com/dxvpxdm
Hallo Sonja,
die Koordinaten solltest Du nicht freilassen, die werden für die Kartenmitte benötigt. Die Karte sollte also zunächst auch ohne die dynamisch anzuzeigenden Dinge vorhanden sein. Auf welchen Punkt die Karte zentriert ist, ist egal, das kannst Du pro Datensatz nachher ändern.
Über das modifizierte Katalogtemplate gibst Du dann nur die Ergänzungen aus. Wie das im Endeffekt aussehen soll, siehst Du im Handbuch. Genau so einen Block muss Dein Katalogtemplate ausgeben - natürlich angepasst an die ID Deiner Map. Wenn die ID 2156 wäre, müsste dort "gmap2156_dynmap(gmap2156)" statt "gmap1_dynmap(gmap1)" stehen.
Grüße,
Christian
hallo christian,
vielen Dank für den Tipp mit den Koordinaten und den Hinweis auf das Codeschnipsel im Handbuch - jetzt scheint's zu funktionieren! Feine Sache :-).
LG
Sonja
Hallo zusammen,
hab ein bisschen rumprobiert und poste hier mal mein Ergebnis. Als Pixelschubser hab ich im Code nicht so die Erfahrung deshalb meine Bitte: Kann sich das von den erfahrenen Leuten mal jemand anschauen - funktionieren tut's zumindest:
Mit folgendem Code lässt sich im Listermodul neben der bloßen Markierung auch die Infobox zum jeweiligen Punkt öffnen:
Nun meine Frage: kann ich über dieses Template auch für verschiedene Kategorien unterschiedliche Marker anzeigen lassen? (z.B. Museen / Gastronomie / Einkaufsmöglichkeiten etc.)Code:<script type="text/javascript">
//<![CDATA[
<?php if (count($this->entries)): ?>
<?php $i = 0; ?>
function gmap1_dynmap(gmap1) {
<?php foreach ($this->entries as $entry): ?>
var myLatlng_<?php echo $i; ?> = new google.maps.LatLng(<?php echo $entry['data']['googlemap']['value']; ?>);
var gmap1_<?php echo $i; ?>_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $entry['data']['googlemap']['value']; ?>),
map: gmap1
});
var gmap1_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
content: '<?php echo $entry['data']['name']['value']; ?></br><?php echo $entry['data']['picture']['value']; ?></br><?php echo $entry['data']['int_link']['value']; ?>',
});
google.maps.event.addListener(gmap1_<?php echo $i; ?>_marker, 'click', function() {
gmap1_<?php echo $i; ?>_infowindow.open(gmap1,gmap1_<?php echo $i; ?>_marker);
});
<?php $i++; ?>
<?php endforeach; ?>
}
<?php endif; ?>
//]]>
</script>
Gruß
Hauge
Ja, Du kannst der Karte auch die Marker dynamisch übergeben. Guck Dir dazu (mit einem einzeln angelegten Marker) im Quelltext an, wie die grafischen Marker erzeugt werden. Hier findest Du ein Beispiel (allerdings nur mit einer Sorte Icon, aber daraus kannst Du ja auch mehrere machen).
Grüße,
Christian
Ich hab hier nochmal den Ablauf zusammengestellt
- Ich installier dlh_googlemaps und lege darin eine allgemeine Karte an (z. B. ausgerichtet auf Deutschland also Koordinaten 51.151786,10.415039 und Zoom-Stufe 5).
- Ich binde diese Karte als Inhaltselenebt auf der Seite ein, auf der auch der Catalog-Reader liegt.
- Ich binde in das catalog_full-Template den Karten-Code ein (habe mich jetzt am Beispiel von Christoph orientiert). Dabei muss man darauf achten, dass man im Katalog auch die entsprechend benannten Koordinatenfelder hat (ich habe jeweils eins für Längen- und Breitengrad gemacht) und dass man im Code jedes Vorkommen von gmap1 mit der Nr abändert, die die Karten-ID in dlh_googlemaps ist. Außerdem lasse ich beim Marker noch den Namen der Firma und die Website ausgeben (muss natürlich auch im Catalog jeweils als Feld vorkommen).
PHP-Code:<!-- indexer::stop -->
<div class="mod_cat_googlemaps block">
<?php
// die Koordinaten-Variable befuellen
$cat_glob_coords = $entry['data']['geocoord_breitengrad']['value'] . "," . $entry['data']['geocoord_laengengrad']['value'];
?>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
function gmap1_dynmap(gmap1) {
// Kartenmitte mit den Koordinaten neu ausrichten
gmap1.center = new google.maps.LatLng(<?php echo $cat_glob_coords; ?>);
// Zoomstufe überschreiben
gmap1.zoom = 10;
gmap1.mapTypeId=google.maps.MapTypeId.ROADMAP;
// Markierung
var gmap1_0_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $cat_glob_coords; ?>),
map: gmap1
});
var gmap1_0_infowindow = new google.maps.InfoWindow({
content: '<?php echo $entry['data']['name']['value']; ?><br><?php echo $entry['data']['website']['value']; ?>',
});
google.maps.event.addListener(gmap1_0_marker, 'click', function() {
gmap1_0_infowindow.open(gmap1,gmap1_0_marker);
});
}
//--><!]]>
</script>
</div>
<!-- indexer::continue -->
Hallo Nina und alle anderen Fachkundigen,
nachdem ich zufällig über die Verknüpfung von Catalog&GoogleMaps gestolpert bin, wollte ich das für meinen Sportverein gleich mal ausprobieren. Irgendwie mag es aber nicht recht laufen - die Karte bleibt leer. Was ich gemacht habe:
- catalog installiert, Katalog mit Feldern für Name, Längen- und Breitengrad erstellt
- Katalog-Leser (hatte ich irgendwo vorher hier gelesen) mit catalog_full-Template erstellt und in Artikel eingebunden
- catalog_full nach deinen Vorgaben angepasst, 'gmap1' durch 'TestMap' ersetzt, s.u.
- dlh_googlemaps installiert, eine Map mit dem Namen 'TestMap' erstellt, inkl. Koordinaten fürs Zentrum vergeben und diese in einem Artikel eingebunden
Ergebnis: KatalogLeser sagt 'Katalog-Eintrag nicht gefunden' - Karte ist leer.
Bin mir nicht sicher, welche die Map-ID ist. Eigentlich ist es auch die 1, beeinflusst der Name der Map den Code (gmap)?
Any ideas?
Besten Dank im Voraus!
Kerstin
PHP-Code:<?php if (count($this->entries)): ?>
<div class="layout_full">
<?php foreach ($this->entries as $entry): ?>
<div class="item<?php echo $entry['class'] ? ' '.$entry['class'] : ''; ?>">
<?php if($entry['linkEdit']): ?><?php echo $entry['linkEdit']; ?><?php endif; ?>
<?php foreach ($entry['data'] as $field=>$data): ?>
<?php if (strlen($data['raw']) && !in_array($field, array('catalog_name','parentJumpTo'))): ?>
<div class="field <?php echo $field; ?>">
<div class="label"><?php echo $data['label']; ?></div>
<div class="value"><?php echo $data['value']; ?></div>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
<?php else: ?>
<p class="info"><?php echo $this->noItemsMsg; ?></p>
<?php endif; ?>
<!-- indexer::stop -->
<div class="mod_cat_googlemaps block">
<?php
// die Koordinaten-Variable befuellen
$cat_glob_coords = $entry['data']['geocoord_breitengrad']['value'] . "," . $entry['data']['geocoord_laengengrad']['value'];
?>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
function gmap1_dynmap(gmap1) {
// Kartenmitte mit den Koordinaten neu ausrichten
gmap1.center = new google.maps.LatLng(<?php echo $cat_glob_coords; ?>);
// Zoomstufe überschreiben
gmap1.zoom = 10;
gmap1.mapTypeId=google.maps.MapTypeId.ROADMAP;
// Markierung
var gmap1_0_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $cat_glob_coords; ?>),
map: gmap1
});
google.maps.event.addListener(gmap1_0_marker, 'click', function() {
gmap1_0_infowindow.open(gmap1,gmap1_0_marker);
});
}
//--><!]]>
</script>
</div>
<!-- indexer::continue -->
Hallo olivgruen,
dein erster Fehler:
Du hast nur einen Catalog-Leser. Der weiß aber so nicht welches Item der darstellen soll.
Du brauchst eine Catalog-Liste. Von der kannst du dann weiterleiten auf den Leser um ein einzelnes Item darzustellen.
Viele Grüße
Guten Morgen MacKP,
ok, hab jetzt eine Liste, einen Leser und eine Map im Artikel (in dieser Reihenfolge), Karte ist leider immer noch leer.
Mein Ziel ist es, alle Katalogelemente in der Karte anzuzeigen - das sollte ja möglich sein :)
Hab leider erst morgen wieder Zeit, weiterzubasteln, ist also nicht sooo eilig von meiner Seite aus.
Viele Grüße,
Kerstin
Alles auf einer Seite???
Naja, ich weiß ansonsten nicht genau wie die Verknüpfung von Karte und deinem Katalog so gemacht werden muss.. da hilft dann nur Anleitung lesen glaub ich ;-)
Viele Grüße
So hatte ich es auf Seite 1 dieses Theras verstanden, sofern du mit alles Leser, Liste und Map meinst. Bzw kam die Liste ja erst von dir. Und wenn du mit alles alle Koordinaten aller Katalogelemente meinst: ja, auch das hatte ich so auf S. 1 verstanden.Zitat:
Zitat von MacKP
Anleitung lesen - welche denn? Der Thread ist grad meine Anleitung für die Verknüpfung :cool:
Hallo olivgruen,
ich habs mir jetzt extra noch mal durchgelesen. Es steht nirgendwo, das man den Leser und die Liste auf einer Seite haben sollte.
Anleitungen zum Catalog: http://de.contaowiki.org/Kategorie:Catalog
An sich funktioniert das wie ich schon beschrieben habe. Das ist genau wie bei News/FAQ etc. Liste ist auf einer Seite und Leser auf einer 2.
Du kannst aber auch bei richtiger Anwendung die Google Map auf der Lister Seite einbauen (dann sollten mehrerere zu sehen sein).
Viele Grüße
Hallo MacKP,
das ist mir prinzipiell klar, hatte nur versucht, das auf eine Seite zu kriegen, weil ich das hier so verstanden hatte. Die Ausgabe mit nur einem Eintrag und der Markierung auf der Map funktioniert :)
Aber ich habe noch irgendein Problem mit der Schleife, kenne mich leider nicht wirklich mit PHP, Javascript & Co aus. Jedenfalls erhalte meine Katalogeinträge ausgegeben, dann erscheint jedoch noch einer mit "Katalog-Eintrag nicht gefunden". Und meine Map ist ohne Markierung.
Die Template-Anpassung ist wie im Thread auf S.1 von cubano gepostet, allerdings steht da auch noch was vom Template 'dynicons' - sowas gibt es gar nicht mehr - muss ich vielleicht im Googlemaps-Modul noch etwas anpassen?
PHP-Code:<!-- indexer::stop -->
<div class="mod_cat_googlemaps block">
<?php if (count($this->entries)): ?>
<?php
$mark = 0;
?>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
mapdata = new Array();
mapdata['dhl_googlemap_1'] = new Array();
mapdata['dhl_googlemap_1']['marker'] = new Array();
<?php foreach ($this->entries as $entry): ?>
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>] = new Array();
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['coords'] = '<?php echo $entry[data]['koordinaten']['value']; ?>';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['icon'] = '';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['icon_position'] = '';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['icon_size'] = '';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['shadow'] = '';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['shadow_size'] = '';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['infotext'] = '<?php echo $entry[data]['name']['value']; ?>';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['info_position'] = '';
mapdata['dhl_googlemap_1']['marker'][<?php echo $mark; ?>]['autoinfo'] = false;
<?php $mark++; ?>
<?php endforeach; ?>
//--><!]]>
</script>
<?php endif; ?>
</div>
<!-- indexer::continue -->
Hat sich erledigt - mit dem Code von Hauge funktioniert's bestens. Hätte ich den mal eher ausprobiert :D
Hier gibt's noch ein funktionierendes Beispiel, bei dem sich die Koordinaten nicht im direkt ausgegebenen, sondern im referenzierten Katalog befinden. Falls jemand ähnlich wenig Ahnung hat wie ich und nicht so lange basteln mag ;) Inklusive Ausgabe eines Icons als Marker, das an den Elementen des direkt aufgerufenen Katalogs hängt.
PHP-Code:<!-- indexer::stop -->
<script type="text/javascript">
//<![CDATA[
<?php if (count($this->entries)): ?>
<?php $i = 0; ?>
function gmap1_dynmap(gmap1) {
<?php foreach ($this->entries as $entry): ?>
<?php foreach ($entry['data'] as $field=>$data): ?>
<?php foreach ($data['ref'] as $id=>$ref): ?>
<?php if($ref['breitengrad']):?>
var myLatlng_<?php echo $i; ?> = new google.maps.LatLng(<?php echo $ref['breitengrad']; ?>,<?php echo $ref['laengengrad']; ?>);
var gmap1_<?php echo $i; ?>_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $ref['breitengrad']; ?>,<?php echo $ref['laengengrad']; ?>),
map: gmap1,
icon: '<?php echo $entry['data']['icon']['raw']; ?>'
});
var gmap1_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
content: '<?php echo $entry['data']['title']['value']; ?>',
});
google.maps.event.addListener(gmap1_<?php echo $i; ?>_marker, 'click', function() {
gmap1_<?php echo $i; ?>_infowindow.open(gmap1,gmap1_<?php echo $i; ?>_marker);
});
<?php endif; ?>
<?php endforeach; ?>
<?php endforeach; ?>
<?php $i++; ?>
<?php endforeach; ?>
}
<?php endif; ?>
//]]>
</script>
<!-- indexer::continue -->
Hallo zusammen,
ich arbeite aktuell wieder an der Thematik und habe wie oben bereits beschrieben einige Einträge aus dem Catalog mit dem Listermodul in die googlemap integriert.
Aktuell stehe ich vor dem Problem, dass ich bei mehr als 62 Katalogeinträgen keine Anzeige mehr erhalte.
Ich habe mehrere Varianten getestet und aktuell das Limit des Listers auf 62 Einträge eingestellt. Ab 63 Einträgen erhalte ich keine Einträge mehr.
Es macht zwar wenig Sinn, zu viele Einträge auf einer Seite anzeigen zu lassen, ich habe jedoch vor, verschiedene Filter in eine Gesamtübersicht der Einträge einzubauen und dann kann es ggf. ab und an zu mehr als 62 Einträgen kommen. Der User hat dann aber eine leere map vor sich und erhält erst nach der Filterung entsprechende Anzeigen in der Map. Da es sich um ca. 1000 Einträge handelt kann es sein, dass er mehrmals filtern muss bevor er eine Anzeige erhält...
Meine Frage(n): gibt es da von Haus aus ein Limit oder kann das Problem auch Serverseitig sein?
Das bringt mich noch auf eine Idee: kann ich ggf. auch pro Zoom-Ebene unterschiedliche Einträge anzeigen lassen >>> Zeige pro Zoomebene maximal 50 Einträge >>> Lister mit Bedingung >>> die "wichtigsten" immer anzeigen usw.
Hallo Hauge,
vllt fragst du besser im Thread der Erweiterung von google-maps nach. Der Catalog hat auf jeden Fall nicht so eine Beschränkung ;-)
Ich schätze mal in dem anderen Thread wirst du eher eine Antwort bekommen ^^
Aber an sich könnte ich mir auch vorstellen, das Google dem ganzen einen Riegel vor schiebt (zu viele Verbindungen). Da könntest ja mal nach googlen *g*
Viele Grüße
Hallo Hauge,
es gibt zwar keine feste Begrenzung, aber irgendwann ist natürlich Ende mit Arbeitsspeicher, wenn Du tausende von Markern in das Javascript reinschreibst... Ich denke, Du wirst die Filterung ohne Markierungen machen müssen. Bei den "nur" 62 Stück würde ich aber eher auf irgendein Zeichen "'" oder sowas tippen, was die Verarbeitung stoppt.
Grüße,
Christian
@Christian:
Danke - lag an einem Sonderzeichen...
@macKP:
Hast absolut recht:(Zitat:
vllt fragst du besser im Thread der Erweiterung von google-maps nach
@den, den es interessiert:D aus:
Meine Version des (zumindest bei mir funktionierenden) Codes inklusive dynamischen Icons im Cataloglister-Modul:Zitat:
Ja, Du kannst der Karte auch die Marker dynamisch übergeben. Guck Dir dazu (mit einem einzeln angelegten Marker) im Quelltext an, wie die grafischen Marker erzeugt werden. Hier findest Du ein Beispiel (allerdings nur mit einer Sorte Icon, aber daraus kannst Du ja auch mehrere machen).
Zudem noch eine Version für den Reader inkl. Routenplaner:Code:<script type="text/javascript">
//<![CDATA[
<?php if (count($this->entries)): ?>
<?php $i = 0; ?>
function gmap1_dynmap(gmap1) {
<?php foreach ($this->entries as $entry): ?>
var premicon_<?php echo $i; ?> = new google.maps.MarkerImage(
'<?php echo $entry['data']['icon']['raw']; ?>',
new google.maps.Size(25, 29),
new google.maps.Point(0,0),
new google.maps.Point(12,15)
);
var myLatlng_<?php echo $i; ?> = new google.maps.LatLng(<?php echo $entry['data']['googlemap']['value']; ?>);
var gmap1_<?php echo $i; ?>_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $entry['data']['googlemap']['value']; ?>),
map: gmap1,
icon: premicon_<?php echo $i; ?>
});
var gmap1_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
content: '<?php echo $entry['data']['name']['value']; ?></br><?php echo $entry['data']['picture']['value']; ?></br><?php echo $entry['data']['int_link']['value']; ?>',
});
google.maps.event.addListener(gmap1_<?php echo $i; ?>_marker, 'click', function() {
gmap1_<?php echo $i; ?>_infowindow.open(gmap1,gmap1_<?php echo $i; ?>_marker);
});
<?php $i++; ?>
<?php endforeach; ?>
}
<?php endif; ?>
//]]>
</script>
Code:<?php if (count($this->entries)): ?>
<div class="layout_full">
<?php foreach ($this->entries as $entry): ?>
<div class="item<?php echo $entry['class'] ? ' '.$entry['class'] : ''; ?>">
<?php if($entry['linkEdit']): ?><?php echo $entry['linkEdit']; ?><?php endif; ?>
<?php foreach ($entry['data'] as $field=>$data): ?>
<?php if (strlen($data['raw']) && !in_array($field, array('catalog_name','parentJumpTo'))): ?>
<div class="field <?php echo $field; ?>">
<div class="value"><?php echo $data['value']; ?></div>
</div>
<?php endif; ?>
<?php endforeach; ?></div>
<?php endforeach; ?>
<script type="text/javascript">
//<![CDATA[
function gmap1_dynmap(gmap1) {
var gmap1_2_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $entry[data]['googlemap']['value']; ?>),
map: gmap1,
title:'<?php echo $entry[data]['name']['value']; ?>',
});
var gmap1_2_infowindow = new google.maps.InfoWindow({
content: '<?php echo $entry[data]['name']['value']; ?><div class="routinglink"><a href="http://maps.google.com/HIER_DEN_LINK_FÜR_DIE_EXTERNE_ROUTENPLANERSEITE" onclick="window.open(this.href); return false;">Routenplanung</a><br /><form action="http://maps.google.com/maps" method="get" target="_new"><input type="hidden" name="daddr" value="<?php echo $entry[data]['street']['value']; ?>,<?php echo $entry[data]['plz']['value']; ?>,<?php echo $entry[data]['country']['value']; ?>" /><input type="hidden" name="ie" value="UTF8" /><input type="hidden" name="hl" value="de" /><input type="text" class="text" name="saddr" value="HIER DIE ADRESSE DES STARTPUNKTES " /><input type="submit" class="submit" value="ok" /></form></div>'
});
google.maps.event.addListener(gmap1_2_marker, 'click', function() {
gmap1_2_infowindow.open(gmap1,gmap1_2_marker);
});
gmap1_2_infowindow.open(gmap1,gmap1_2_marker);
}
//]]>
</script></div>
<?php else: ?>
<p class="info"><?php echo $this->noItemsMsg; ?></p>
<?php endif; ?>
Alle Codes wurden auf Grundlage von christians (soliden) Erweiterungen erstellt - Dennoch kann ich für einen einwandfreie Funktionalität nicht garantieren, da ich als "Pixelschubser" nicht weiß, inwiefern ich da aus solide den Status unsolide gemacht habe ;)
Hallo zusammen
Ich steh vor demselben Problem, dass ich die marker nicht angezeigt kriege. Hab inzwischen alle Versionen durchgespielt mit demselben Resultat. Im Quelltext stehen alle Daten drin, aber die karte ist immer leer.
Ich verwende: contao V 2.9.5, catalog 2.0.0 beta, catalog_simple.tpl und dlh_googlemaps 1.1.1
und vorab das Litermodul:Code:<script type="text/javascript">
<!--//--><![CDATA[//><!--
<?php if (count($this->entries)): ?>
<?php $i = 0; ?>
function gmap2_dynmap(gmap2) {
// Kartenmitte verschieben
<?php foreach ($this->entries as $entry): ?>
// Markierung
var gmap2_<?php echo $i; ?>_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $entry['data']['dealer_breitengrad']['value'] . ", " . $entry['data']['dealer_laengengrad']['value']; ?>),
map: gmap2
});
var gmap2_<?php echo $i; ?>_infowindow = new google.maps.InfoWindow({
content: '<?php echo $entry['data']['dealer_name']['value']; ?><br><?php echo $entry['data']['dealer_address']['value']; ?><br><?php echo $entry['data']['dealer_location']['value']; ?><br><?php echo $entry['data']['dealer_website']['value']; ?>',
});
google.maps.event.addListener(gmap2_<?php echo $i; ?>_marker, 'click', function() {
gmap2_<?php echo $i; ?>_infowindow.open(gmap2,gmap2_<?php echo $i; ?>_marker);
});
<?php $i++; ?>
<?php endforeach; ?>
}
<?php endif; ?>
//--><!]]>
</script>
Kann mir jemand einen Tipp geben oder ein Codebeispiel, das auch in meiner Seite funktioniert.PHP-Code:<?php if (count($this->entries)): ?>
<div class="layout_simple">
<?php foreach ($this->entries as $entry): ?>
<div class="item<?php echo $entry['class'] ? ' '.$entry['class'] : ''; ?>">
<?php foreach ($entry['data'] as $field=>$data): ?>
<?php if (!in_array($field, array('catalog_name','parentJumpTo'))): ?>
<div class="field <?php echo $field; ?>">
<div class="label"><?php echo $data['label']; ?></div>
<div class="value"><?php echo $data['value']; ?></div>
</div>
<?php endif; ?>
<?php endforeach; ?>
<?php if ($entry['showLink'] && $entry['link']): ?>
<div class="link"><?php echo $entry['link']; ?></div>
<?php endif; ?>
<?php if ($entry['linkEdit']): ?>
<div class="linkEdit"><?php echo $entry['linkEdit']; ?></div>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<?php else: ?>
<?php if ($this->condition): ?>
<div class="condition"><?php echo $this->condition; ?></div>
<?php else: ?>
<p class="info">There are no entries matching your search.</p>
<?php endif; ?>
<?php endif; ?>
Vielen Dank schon mal
Hat niemand eine Idee? Im Quelltext hab ich alles aber die Karte bleibt leer. Ich find den Fehler nicht.
@mamboo:
Vorab 2 Fragen:
Koordinatenn werden im Lister auch angezeigt?
Richtige Karte gewählt?
Die ersten Tests die bei mir zum Ergebnis geführt haben:
zuerst mal probeweise nur 1 Eintrag freigeben und die Koordinaten zwischendurch manuell in den Code schreiben um rauszufinden wo der Fehler liegt.
Zudem mal probieren, ob ggf. ein Eintrag dabei ist welcher nicht erlaubte Zeichen enthält (Ich habe anderen Katalog angelegt und 2 einfache Standardeinträge ohne irgendwelche Sonderzeichen verwendet) > Alternativ kannst du bei:anstatt der Inhalte einfach mal einen Testtext reinschreiben...PHP-Code:content: '<?php echo $entry['data']['dealer_name']['value']; ?><br><?php echo $entry['data']['dealer_address']['value']; ?><br><?php echo $entry['data']['dealer_location']['value']; ?><br><?php echo $entry['data']['dealer_website']['value']; ?>',
Das wären mal die ersten Ansätze für die Fehlersuche...
Servus,
möchte an dieser Stelle noch einen wichtigen Hinweis bezüglich der Verwendung unter IE6 und IE7 von cubano posten:
Verwendung von catalog & google maps unter IE6 und IE7
Hi,
das ganze ist gar nicht so aufwendig:
Für einen Auftrag ging es auch darum ein Händlerverzeichnis abzubilden und mit googlemaps zu verknüpfen.
Das ganze Template brauch man gar nicht zu posten, hier der wichtigste Auszug zur Erstellung der Karte (oben einfügen) und die Variablen durch Eure Felder ersetzen.
Eine Info-Grafik wird gleich mit erstellt.
Die Id ist hier zum Test gerade fix. Die könnte natürlich noch für jede Katalog-Liste dynamisch gesetzt werden.
PHP-Code:<?php if (count($this->entries)): ?>
<?php
$coords = $this->entries[0]['data']['geocoords']['value'];
$title = $this->entries[0]['data']['name']['value'];
$street = $this->entries[0]['data']['street']['value'];
$zip = $this->entries[0]['data']['zip']['value'];
$city = $this->entries[0]['data']['city']['value'];
$id = 3;
?>
<script type="text/javascript">
//<![CDATA[
// Google Maps Integration
function gmap<?php echo $id; ?>_dynmap(gmap<?php echo $id; ?>) {
// Center map
gmap<?php echo $id; ?>.center = new google.maps.LatLng(<?php echo $coords; ?>);
// Zoom
gmap<?php echo $id; ?>.zoom = 15;
gmap<?php echo $id; ?>.mapTypeId=google.maps.MapTypeId.ROADMAP;
// Set marker
var gmap<?php echo $id; ?>_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $coords; ?>),
map: gmap3
});
var gmap<?php echo $id; ?>_infowindow = new google.maps.InfoWindow({
options: {},
content: '<div class="infoWindow">' +
'<p class="title"><b><?php echo $title; ?></b><p>' + "" +
'<?php echo $street; ?>' + "<br />" +
'<?php echo $zip; ?>' + ", " + '<?php echo $city; ?>' +
'</div>'
});
google.maps.event.addListener(gmap<?php echo $id; ?>_marker, 'click', function() {
gmap<?php echo $id; ?>_infowindow.open(gmap<?php echo $id; ?>,gmap<?php echo $id; ?>_marker);
});
}
//]]>
</script>
Grüße,
Tim
Danke für Eure Hilfe. Ich probier's gleich mal...
@hauge
Herzlichen Dank für Deine Hilfe.
Der Grund war schlussendlich das fehlende UTF-8 Format und 2 Hochkommas in den Adressen... :-(
Jedenfalls werden jetzt die Marker korrekt angezeigt.
@ Allgemein
Gibt es einen Weg um Sonderzeichen z.B. Hochkommas abzufangen resp. ignoreren zu können, damit man nicht jede CSV-Datei vor dem Import durchackern müsste?
Innerhalb von contao kannst duPHP-Code:@ Allgemein
Gibt es einen Weg um Sonderzeichen z.B. Hochkommas abzufangen resp. ignoreren zu können, damit man nicht jede CSV-Datei vor dem Import durchackern müsste?
nutzenPHP-Code:standardize($strMeinString);
Danke, und wo müsste ich den Script einsetzen?Zitat:
Zitat von Tim G
Sorry, bin nicht so PHP-gewandt...
Kann mir das jemand mitteilen, ich wäre sehr dankbar.
Hallo Leute,
da ich neu hier bin bitte nicht sofort auf mich drauf hauen :)
um eine map wie auf http://schanzenport.de/ zu realiesieren verwende ich da auch am besten den catalog in verbindung mit dem google maps mdoul?
oder wird das komplizierter??
vielen dank!
könnte auch ohne catalog mit einem angepassten dhe_googlemaps funktionieren.....
Hi,
das sollte mit dem Catalog und dem Mapsmodul gehen. Ohne Catalog geht auch, aber wenn Du eine solche Filterung haben möchtest, ist es mit einfacher.
Grüße,
Christian
Mein Lösungsansatz ist (im Detail) noch etwas anders und wer weiß, vielleicht hilft es dem einen oder anderen:
Ausgangssituation
- Adressdaten in Katalog.
- Diese sollen in einer Katalog-Detailansicht auf einer Map ausgegeben werden. Hier: Eine Map auf einer Katalogleser-Seite, mit einem Zentrum und einem Pin.
- Ich habe aber keine Lust die Geo-Koordinaten von Hand zu ermitteln und jeweils in den Katalogeinträgen zu hinterlegen.
- Gleichzeitig soll alles halbwegs sauber ineinander greifen.
To Do
- Eine Map ohne jeden Marker anlegen und auf diese in der Katalogleser-Seite verweisen.
- Neues Katalogleser-Template anlegen (Details siehe unten).
- Auf die Katalog-Adressdaten im Template zugreifen.
- Katalogleser-Modul einrichten, auf das erstellte Template verweisen.
- Fertig.
Für das Template hier meine Vorlage:
Man beachte:PHP-Code:<?php if (count($this->entries)): ?>
<script type="text/javascript">
//<![CDATA[
function gmap1_dynmap(gmap1) {
var catalog_address = new Array();
<?php foreach ($this->entries as $entry): ?>
catalog_address.push('<?php echo $entry['data']['streetaddress']['value']; ?>, <?php echo $entry['data']['zipcode']['value']; ?> <?php echo $entry['data']['city']['value']; ?>');
<?php endforeach; ?>
var geocoder = new google.maps.Geocoder();
catalog2map_geocordsFromAddress();
function catalog2map_geocordsFromAddress() {
//var address = document.getElementById('address').value;
geocoder.geocode( { 'address': catalog_address[0]}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
catalog2map_setCenterAndMarker(results);
} else {
//alert('Hat nicht funktioniert weil: ' + status);
}
});
}
function catalog2map_setCenterAndMarker(results) {
//alert('moin:' + results[0].geometry.location);
gmap1.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: gmap1,
position: results[0].geometry.location
});
}
}
//]]>
</script>
<?php endif; ?>
- Über "geocoder.geocode" lass ich Google aus den übergebenen Adressdaten die Geo-Koordinaten ermitteln. Hier entsteht die oben angesprochene Vereinfachung.
- Ich lasse ganz oben im Code, etwas kompliziert, das Template ein JS-Array aus den Adressdaten bauen, verwende dann aber nur den ersten Eintrag des Arrays. Dies deshalb, weil ich unbedingt sicher gehen will, dass definitiv nur der erste Adress-Wert verwendet wird - zwar ist mir schleierhaft, wie in einer Katalogleser-Seite zwei Datensätze gezeigt werden sollen, doch sicher ist sicher :)