4images Forum & Community
4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: rinaldos on April 25, 2008, 12:35:33 PM
-
Für diesen MOD/ADDON ist es zwingend erforderlich diesen [MOD-beta] Google-Maps Integration V.01 zu installieren. Den findet Ihr hier
http://www.4homepages.de/forum/index.php?topic=16533.0 (http://www.4homepages.de/forum/index.php?topic=16533.0)
CODEUPDATE (nun ohne Browserweiche)
Ich wollte eigentlich nur eine Photomap auf meiner Seite installieren, stiess dabei auf grosse Probleme. Durch viel Ausprobieren und lesen habe ich dann endlich meine Google Photomap realisieren können.
Ich bin den Anleitungen von Google gefolgt. Diese kann man im Englischen hier nachlesen.
http://code.google.com/support/bin/answer.py?answer=65622
Hier ist das DEMO.
http://rinaldos.homeip.net/google-photo-map-cgn-alt.html
Getestet mit dem IE6, Safari 3.0, FF 2.0.14 und Opera 9.20 für MAC. IE7 ungetestet!
Schritt 1:
erstelle die Dateien google-photo-map.php im root Verzeichnis von 4images. (Danke an IVAN für die modifizierte Version)
google-photo-map.php
<?php
/**************************************************************************
* *
* 4images - A Web Based Image Gallery Management System *
* ---------------------------------------------------------------- *
* *
* File: google-photo-map.php *
* Copyright: (C) 2008 Ingo *
* Email: jan@4homepages.de *
* Web: http://www.4homepages.de *
* Scriptversion: 1.7.6 *
* *
* Never released without support from: Nicky (http://www.nicky.net) *
* *
**************************************************************************
* *
* Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz- *
* bedingungen (Lizenz.txt) für weitere Informationen. *
* --------------------------------------------------------------- *
* This script is NOT freeware! Please read the Copyright Notice *
* (Licence.txt) for further information. *
* *
*************************************************************************/
define('ROOT_PATH', './');
include(ROOT_PATH.'global.php');
function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','<',$htmlStr);
$xmlStr=str_replace('>','>',$xmlStr);
$xmlStr=str_replace('"','"',$xmlStr);
$xmlStr=str_replace("'",'&#38;#38;#38;#39;',$xmlStr);
$xmlStr=str_replace("&",'&',$xmlStr);
return $xmlStr;
}
// Select all the rows in the markers table
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}
header("Content-type: text/xml ; charset=iso-8859-15");
// Start XML file, echo parent node
echo '<markers>';
// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
echo '<marker ';
echo 'name="' . parseToXML($row['image_name']) . '" ';
echo 'address="' . parseToXML($row['image_']) . '" ';
echo 'lat="' . $row['image_gmap_latitude'] . '" ';
echo 'lng="' . $row['image_gmap_longitude'] . '" ';
echo 'kml="' . "".ROOT_PATH."data/kml/" . $row['image_id'] . ".kml" . '" ';
$max_length = 100; // Max. Anzahl der Zeichen in der Bildbeschreibung
$description = $row['image_description'];
$description_short = $description;
if (strlen($description) > $max_length) {
$description_short = substr($description, 0, $max_length)." ... ";
}
echo 'desc="' . parseToXML($description_short) . '" ';
echo 'type="' . "".ROOT_PATH."details.php?image_id=" . $row['image_id'] . '" ';
echo 'thumb="' . "".ROOT_PATH."data/thumbnails/" . $row['cat_id'] . "/" . $row['image_media_file'] . '" ';
echo 'cat="' . "".ROOT_PATH."categories.php?cat_id=" . $row['cat_id'] . '" ';
echo '/>';
}
// End XML file
echo '</markers>';
?>
Schritt 2:
erstelle ein JavaScript in /js/gm.js und füge folgenden Text ein.
gm.js
//<![CDATA[
var tinyIcon = new GIcon();
tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
tinyIcon.iconSize = new GSize(12, 20);
tinyIcon.shadowSize = new GSize(22, 20);
tinyIcon.iconAnchor = new GPoint(6, 20);
tinyIcon.infoWindowAnchor = new GPoint(5, 1);
// Set up our GMarkerOptions object literal
markerOptions = { icon:tinyIcon };
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.setCenter(new GLatLng(50.94160997, 6.96867943), 5);
var Tsize = new GSize(200, 256);
map.addControl(new GOverviewMapControl(Tsize));
map.enableDoubleClickZoom();
map.enableContinuousZoom();
GDownloadUrl("/google-photo-map.php", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var thumb = markers[i].getAttribute("thumb");
var kml = markers[i].getAttribute("kml");
var desc = markers[i].getAttribute("desc");
var cat = markers[i].getAttribute("cat");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(point, name, address, type, thumb, kml, cat, desc);
map.addOverlay(marker);
}
});
}
}
function createMarker(point, name, address, type, thumb, kml, cat, desc) {
var marker = new GMarker(point, tinyIcon);
var html = "<br/>" + "<table><tr>" + "<td width='100'>" + "<a href=" + type +">" + "<img src=" + thumb + ">" + "</a>" + "</td>" + "<td valign='top'>"+ "<b> <font color='black'>" + name + "</b> <br>" + "<a href=" + kml +">" + "Google Earth" + "</a>" +"<br>" + "<a href=" + cat +">" + "zur Kategorie" + "</a></td></tr></table><table><tr><td><font color='black'>" + desc +"</td></tr></table>";
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//]]>
Schritt 3:
erstelle in deinem template Verzeichnis die Datei google-photo-map.html mit folgendem Inhalt. Achte bitte darauf, dass Du die Codezeilen richtig einfügst und an dein DESIGN anpasst! Dieser Zeilen für das TEMPLATE dienen nur als ANHALT!!!!!! Ich nutze den MOD UNIVERSAL LAYOUT und dieser Einbau ist hier auch beschrieben!
{header}
<script src="http://maps.google.com/maps?file=api&v=2&key=DEIN GOOGLE API KEY"
type="text/javascript"></script>
<script type="text/javascript" src="js/gm.js"></script>
<body onload="load()" onunload="GUnload()">
{ste_layout_top}
{ste_layout_left}
<table width="700px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<div id="map" style="width: 700px; height: 700px"></div>
</table>
</td>
</tr>
</table>
{ste_layout_below}
{footer}
Schritt 4:
Nun kann das Template aufgerufen werden mit URL/google-photo-map.html oder mit URL/index.php?template=google-photo-map
Ich hoffe das es bei Euch funktioniert, denn bei mir klappt es. Die Beschreibung habe ich mit eingebunden, und dank Mawenzi's Lösung auf 100 Zeichen begrenzt.
Gruß
Ingo
-
Hier ist das DEMO.
http://rinaldos.homeip.net/google-photo-map-ny.html
Cool!
Thanks Rinaldos!
-
Hallo Ingo,
... das ging ja dann doch schneller als die Polizei erlaubt ... die Nacht war dann aber kurz ... ;)
... deine Probleme mit den Browsern sind mir zwar immer noch nicht ganz klar bzw. wo die herstammen ...
... aber wenn deine Variante mit der Browserweiche nun so funktioniert, dann ist ja bestens ...
... willst du die Bild-Beschreibung noch in den Ballon einbinden und damit in der Länge beschränken ...
... so kannst du Folgendes verwenden ...
$max_length = 15; // Max. Anzahl der Zeichen in der Bildbeschreibung
$description_short = $description;
if (strlen($description) > $max_length) {
$description_short = substr($description, 0, $max_length)." ... ";
}
...
$site_template->register_vars(array(
...
"image_description_short" => format_text( $description_short, $config['html_comments']),
...
));
... mit diesem Grundscript zur Erzeugung der eingebundenen xml-Dateien kann man ja nun alles Mögliche veranstalten ... :wink:
... z.B. Globale Google Photo Maps (http://klick.kl.funpic.de/google_maps.php) , Kategorie Google Photo Maps (http://klick.kl.funpic.de/google_maps_cat.php?maps_cat_id=19) oder auch User Google Maps (http://klick.kl.funpic.de/google_maps_user.php) und noch einiges mehr ...
-
@Mawenzi,
danke für die Antwort, werde ich nachher mal versuchen umzusetzen. Derzeit habe ich auch noch diverse Probleme mit den Umlauten und Sonderzeichen, daher macht bei mir der IE6 ab und an die Grätsche :-(
Kann aber vielelicht auch an meinen Webservereinstellungen liegen. habe eben gesehen, das ich mal UTF-8 nutze, dann UTF-15 und einmal sogar iso-8859-1. Muss diese auch mal alle auf einen Nenner bringen, vielleicht sind dann auch die Probleme mit meinen Umlauten weg....
Gruß
Ingo
-
Nun klappt es auch mit der Beschreibung. Als ich gerade die Antwort geschrieben hatte, da kam mir die Erleuchtung. Das XML File wird mit der falschen Kodierung erstellt. habe nun die Zeile in der php Datei wie folgt geändert
header("Content-type: text/xml ; charset=iso-8859-15");
Und schon klappt es auch mit dem IE6, also keine Browserweiche mehr nötig. Werde das Codeupdate und den überflüssigen Code oben rausnehmen!
Gruß
Ingo
P.S: Codeupdate wurde durchgeführt!
-
... teste mal Folgendes für die Kurzbeschreibung im Bereich <markers> ...
echo '<markers>';
// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
echo '<marker ';
echo 'name="' . parseToXML($row['image_name']) . '" ';
echo 'address="' . parseToXML($row['image_']) . '" ';
echo 'lat="' . $row['image_gmap_latitude'] . '" ';
echo 'lng="' . $row['image_gmap_longitude'] . '" ';
echo 'kml="' . "/data/kml/" . $row['image_id'] . ".kml" . '" ';
$max_length = 15; // Max. Anzahl der Zeichen in der Bildbeschreibung
$description = $row['image_description'];
$description_short = $description;
if (strlen($description) > $max_length) {
$description_short = substr($description, 0, $max_length)." ... ";
}
echo 'desc="' . parseToXML($description_short) . '" ';
echo 'type="' . "/details.php?image_id=" . $row['image_id'] . '" ';
echo 'thumb="' . "/data/thumbnails/" . $row['cat_id'] . "/" . $row['image_media_file'] . '" ';
echo 'cat="' . "/categories.php?cat_id=" . $row['cat_id'] . '" ';
echo '/>';
}
// End XML file
echo '</markers>';
-
Wow, das ist ja einfach, da wäre ich nie drauf gekommen das ich es da einfügen müsste:-)
Es funktioniert! Danke Dir .......
Gruß
Ingo
Werden das Codeupdate direkt vornehmen!
-
@IVAN
ok, eine Datei weniger :-) Hätte ich auch drauf kommen können. Denn am besten ist, keep it simple. Das beim Aufruf der PHP nur XML Daten ausgegeben werden ist richtig. daher muss ja auch die html Datei aufgerufen werden.
Sehe ich das richtig, das es bei Dir auch funktioniert?
Gruß
Ingo
-
@IVAN
Checke doch bitte mal die Pfade, ob die bei Dir passen? In einem anderen MOD funktionierte es bei einigen nur, wenn sie die Pfade ein wenig abgeändert hatten. Aus "/" mussten die ein "./" machen oder mussten sogar den kompletten html Pfad "http://......" angeben. Kann sein das er das Javascript nicht findet.
Google Maps ist auch sehr empfindlich wenn "</div>" nicht richtig geschlossen ist.
Vielleicht hilft ja dieses hier um den Fehler besser zu finden:
https://addons.mozilla.org/en-US/firefox/addon/1843
http://code.google.com/support/bin/answer.py?answer=87133&topic=11364
@KAI oder ein anderer Admin :-)
Der PHP-header klappt bei mir auch. Kann ich den so nun in mein PHP Code reinsetzen, da ja das dann so ausschaut als würde es offiziell unter 4homepages laufen?
Gruß
Ingo
-
@IVAN,
habe nun mal Deine PHP Datei genommen und sie funktioniert mit den Browsern Safari 3.1, Opera 9.2 (Mac) IE6 (Win) und FF 2.0.0.14 einwandfrei. Wenn du nichts dagegen hast werde ich die oben austauschen.
Gruß
Ingo
-
Nun fehlten noch die kml Dateien auf die hier im MOD verlinkt wird.
Erstellt im 4images data Verzeichnis das Verzeichnis kml. Es sollte dann so aussehen
/data
/data/media
/data/thumbnails
/data/kml
erstellt eine Datei "kml.php" im 4images plugin Verzeichnis (/admin/plugins/) und tragt Eure Webadresse in der Zeile $URL ein
<?php // PLUGIN_TITLE: Rebuild kml files
/**************************************************************************
* *
* 4images - A Web Based Image Gallery Management System *
* ---------------------------------------------------------------- *
* *
* File: kml.php *
* Copyright: (C) 2008 Ingo *
* Email: jan@4homepages.de *
* Web: http://www.4homepages.de *
* Scriptversion: 1.7.6 *
* *
* Never released without support from: Nicky (http://www.nicky.net) *
* *
**************************************************************************
* *
* Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz- *
* bedingungen (Lizenz.txt) für weitere Informationen. *
* --------------------------------------------------------------- *
* This script is NOT freeware! Please read the Copyright Notice *
* (Licence.txt) for further information. *
* *
*************************************************************************/
$nozip = 1;
define('IN_CP', 1);
$root_path = (!eregi("\/plugins\/", $_SERVER['PHP_SELF'])) ? "./../" : "./../../";
define('ROOT_PATH', $root_path);
require(ROOT_PATH.'admin/admin_global.php');
include(ROOT_PATH.'includes/search_utils.php');
$URL = "HIER EURE WEBADRESSE EINTRAGEN";
// example: http://rinaldos.homeip.net without trailing slash
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}
$row = $site_db->query_firstrow($sql);
while ($row = $site_db->fetch_array($result)) {
echo "Processing image <b>".$row['image_name']."</b>, ID ".$row['image_id']." ...<br>";
$fp = fopen("./../../data/kml/".$row['image_id'].".kml", "w+");
$text1 = "<?xml version='1.0' encoding='UTF-8'?>
<kml xmlns='http://earth.google.com/kml/2.1'>
<Document>
<name>".$row['image_name']."</name>
<open>1</open>
<Style id='exampleBalloonStyle'>
<BalloonStyle>
<!-- a background color for the balloon -->
<bgColor>ffffffbb</bgColor>
<!-- styling of the balloon text -->
<text><![CDATA[
<b><font color='#CC0000' size='+3'>$[name]</font></b>
<br/><br/>
<font face='Courier'>".$row['image_description']."</font>
<br/><br/>
Suchwörter:".$row['image_keywords']."
<br/>
Kategorie:<a href='$URL/categories.php?cat_id=".$row['cat_id']."'>".$row['cat_name']."</a>
<br/><br/>
<!-- insert the to/from hyperlinks -->
<a href='$URL/details.php?image_id=".$row['image_id']."'><img src='$URL/data/thumbnails/".$row['cat_id']."/".$row['image_media_file']."'></a>
]]></text>
</BalloonStyle>
</Style>
<Placemark>
<name>".$row['image_name']."</name>
<description>".$row['image_description']."</description>
<styleUrl>#exampleBalloonStyle</styleUrl>
<LookAt>
<longitude>".$row['image_gmap_longitude']."</longitude>
<latitude>".$row['image_gmap_latitude']."</latitude>
<range>500.00</range>
<tilt>0.00</tilt>
<heading>0</heading>
<visibility>1</visibility>
</LookAt>
<Point>
<coordinates>".$row['image_gmap_longitude'].",".$row['image_gmap_latitude']."</coordinates>
</Point>
</Placemark>
</Document>
</kml>";
fwrite($fp, $text1);
fclose($fp);
@set_time_limit(90);
}
?>
Nun kann man unter ACP/PLUGINS die fehlenden KML Dateien für Google Earth erstellen.
Viel Spass
Ingo
P.S. Checkt bei Fehlermeldungen erstmal die Pfadangaben
-
@IVAN :-)
gesagt getan, Schritt eins wurde entfernt und eben ein neuer Schritt eins hinzugefügt (Nur neu durchnummeriert) :-)
Danke Euch nochmal für die Hilfe......
Gruß
Ingo
-
I installed:
galeria/google-photo-map.php
galeria/js/gm.js
galeria/templates/default/google-photo-map.html
Executive: www.misitio.com/galeria/google-photo-map.php but it does not work ....
We need to install something else?
------------------------------------
Ich installiert:
galeria/google-photo-map.php
galeria/js/gm.js
galeria/templates/default/google-photo-map.html
Exekutive: www.misitio.com/galeria/google-photo-map.php aber es funktioniert nicht ....
Wir müssen etwas anderes installieren?
-
Hi,
you have to check the path. I have installed my 4images Galerie in the root path
example http://url/.... and you have installed in http://galeria/....
Now you have to change in all files you have installed the path. In gm.js to
GDownloadUrl("/galeria/google-photo-map.php", function(data) {
in google-photo-map.html
<script type="text/javascript" src="galeria/js/gm.js"></script>
I hope that's all. Your only Problem is the path :-)
Ingo
-
Leider bekomme ich keine Marker bei mir auf der Karte.
Ich habe auch schon alles von euch hier probiert aber die Marker bleiben fort.
Wie man hier sieht: http://www.stammtisch-plauderei.de/galerie/index.php?template=google-photo-map
-
Wie erfolgt die Zuweisung von bestehenden oder neuen Fotos auf der 4image Homepage?
-
Leider bekomme ich keine Marker bei mir auf der Karte.
Hallo,
hast du auch die Pfadangaben in dem gm.js Script angepasst? Deine Galerie liegt ja unter galerie. Ich denke du hast nur ein Problem mit den Pfaden. Da bei mir die Galerie im root liegt wurde auch das script /js/gm.js mit dem angegebenen Pfad
GDownloadUrl("/google-photo-map.php", function(data) { geschrieben. Musst du ggf anpassen. Denke das es dann gewesen ist :-)
Ach natürlich müssen die Pfadangaben im php Script sowie im Template auf die richtigen Dateien verweisen.
Wenn ich das aufrufe
http://www.stammtisch-plauderei.de/galerie/templates/old_style/google-photo-map.html
bekomme ich schonmal die Map angezeigt.....
Gruß
Ingo
-
Wie erfolgt die Zuweisung von bestehenden oder neuen Fotos auf der 4image Homepage?
Die Zuweisung erfolgt via google-photo-map.php.
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
Hier wird die Datenbank nach dem Wert 1 im Datenbankfeld image_gmap_show durchsucht. Voraussetzung ist natürlich der MOD Google Maps:
http://www.4homepages.de/forum/index.php?topic=16533.0
Oder was meinst du? Wenn dieses nicht die Antwort ist, dann beschreibe doch bitte ein wenig konkreter, welche Zuweisung du meinst? Da die Zuweisung auch über die Koordinaten erfolgt, oder über Suchwörter, gibt es eben viele Möglichkeiten. Wichtig ist aber eine geocodierung der Bilder in der Datenbank.
:-)
Gruß
Ingo
-
Ich habe nun auch die Pfade geändert aber leider bekomme ich immer noch nur die Karte zu sehen ohne Marker.
Ich habe mal meine Dateien angehangen.
Falls mir einer helfen könnte.
Also ich habe es schon damit versucht: http://www.stammtisch-plauderei.de/galerie
und auch damit : galerie/
und damit: ./
aber leider alles mit dem selben Ergebnis Karte ja Marker nein.
Gruß Rene
-
Sieht soweit gut aus (also von den Dateien), aber hast du denn in Deiner Datenbank auch das Feld image_gmap_show, denn wenn ich diese Datei aufrufe
http://www.stammtisch-plauderei.de/galerie/google-photo-map.phpwird mir keine XML Datei generiert, sondern ich erhalte eine Fehlermeldung.......
Invalid query: Unknown column 'image_gmap_show' in 'where clause'Gruß
Ingo
-
Oha habe ich da einen schritt übersehen.
Ich finde in meiner Datenbank nicht den eintrag.
Nun sehe ich es erst grade:
ist das ein update davon: http://www.4homepages.de/forum/index.php?topic=16533.0
-
:-) naja, er wird auch mit meinem "ADDON" zum MOD GoogleMAPS http://www.4homepages.de/forum/index.php?topic=16533.0 nicht erstellt :-)
Der MOD ist natürlich Voraussetzung, damit das ganze überhaupt funktioniert.....
Gruß
Ingo
-
Oh man ich danke Dir.
Dann installiere ich erst noch einmal das andere.
-
So habe nun den anderen eingebaut aber leider habe ich immer noch keinen markers.
Achos nun kapier ich es ich Dachte er würde das eus den exif daten auslesen aber es funktioniert nur wenn man es von Hand eingibt.
-
Gut,
das scheint zu funktionieren. Hast du denn auch Bilder in der Datenbank mit GPS Informationen und werden die in Google Maps auf deiner Seite angezeigt?
Gruß
Ingo
-
Ich habe zwei Bilder hochgeladen aber schreibt es wohl nicht in die datenbank.
Wie man es hier sieht: http://www.stammtisch-plauderei.de/galerie/details.php?image_id=13
Das Bild hat iptc und exif daten mit Längen und Breitengrad.
-
Hallo Leute,
ich hab mal ne dumme Frage:
Wo kann ich die schriftfarbe in der "Sprechblase" ändern? (siehe Bild)
-
keiner? :?
-
Hi
in der gm.js, oder wie sie bei dir heisst, findest du folgenden Abschnitt
function createMarker(point, name, address, type, thumb, kml, cat, desc) {
var marker = new GMarker(point, tinyIcon);
var html = "<br/>" + "<table><tr>" + "<td width='100'>" + "<a href=" + type +">" + "<img src=" + thumb + ">" + "</a>" + "</td>" + "<td valign='top'>"+ "<b> <font color='black'>" + name + "</b> <br>" + "<a href=" + kml +">" + "Google Earth" + "</a>" +"<br>" + "<a href=" + cat +">" + "zur Kategorie" + "</a></td></tr></table><table><tr><td><font color='black'>" + desc +"</td></tr></table>";
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
Dort findest du <font color='black'>, ändere es einfach in die Farbe um die du haben möchtest.
Gruß
Ingo
-
Danke für den Tip. Das "Problem, daß ich habe ist, daß der Bildname in der eingestellten Farbe angezeigt wird, die Links zur Kategorie und Google Earth nicht. Die werden erst sichtbar, wenn man mit der Maus drüber fährt...
Beispiel: Photo-Map (http://gallery.house-of-qubus.de/index.php?template=google-photo-map)
-
Deine Links sind weiss, daher werden die auch von Hause aus nicht dargestellt. Probiere mal das so abzuändern.
"<a href=" + kml +">" + "<font color='black'>Google Earth</font>" + "</a>" +"<br>" + "<a href=" + cat +">" + "<font color='black'>zur Kategorie</font>" + "</a>Die Änderungen sind eben vor "Google Earth" und vor "zur Kategorie" (<font color='black'>)
Gruß
-
ja, das wars :) ich danke dir!!!
-
hallo,
gibt es eine Möglichkeit, dass die Marker innerhalb der Photomap (z.b. je nach Kategorie) mit verschiedenen Farben (rot, blau, gelb, etc.) definiert und angezeigt werden können?
gruss, bergblume
-
HI
Ich bin sehr zufrieden, und voll des Lobes!!! :lol:
Lg
UssVoyager
-
Hi,
wenn ich Landkarte, Zoomkarte und Weltkarte in einem haben möchte wie es bei einigen zu sehen ist, was muss ich ändern, wird das JavaScript geändert, oder die „google-photo-map.php“?
Ich denke das JavaScript, nach vielem suchen habe ich leider nichts gefunden.
LG
UssVoyager
-
Servus USSVoyager,
ja in der javasscript datei...
ich habe dir mal den relevanten teil aus der *.js-datei hier reinkopiert:
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.getContainer().style.overflow="hidden";
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.setCenter(new GLatLng( Array[0],Array[1] ), Array[2]);
map.enableDoubleClickZoom();
map.enableContinuousZoom();
map.addMapType(G_PHYSICAL_MAP);
var mapmarker = new GMarker(new GLatLng(Array[0],Array[1]));
var dMapDiv = document.getElementById('detailmap');
var detailmap = new GMap2(dMapDiv);
detailmap.setCenter(new GLatLng( Array[0],Array[1]), 5);
detailmap.addOverlay(mapmarker);
var CopyrightDivMap = dMapDiv.firstChild.nextSibling;
var CopyrightImgMap = dMapDiv.firstChild.nextSibling.nextSibling;
CopyrightDivMap.style.display = 'none';
CopyrightImgMap.style.display = 'none';
var mapmarker = new GMarker(mapmarker);
var satmarker = new GMarker(new GLatLng(Array[0],Array[1]));
var dSatDiv = document.getElementById('detailsat');
var detailsat = new GMap2(dSatDiv);
detailsat.setCenter(new GLatLng( Array[0],Array[1]), 2);
detailsat.addOverlay(satmarker);
var CopyrightDivSat = dSatDiv.firstChild.nextSibling;
var CopyrightImgSat = dSatDiv.firstChild.nextSibling.nextSibling;
CopyrightDivSat.style.display = 'none';
CopyrightImgSat.style.display = 'none';
var satmarker = new GMarker(satmarker);
in der relevanten html-datei hast du dann
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="maptitel"> Landeskarte </div>
<div id="detailmap" style="width: 151px; height: 251px"></div>
</td>
<td rowspan="2">
<div id="maptitel"> Zoomkarte </div>
<div id="map" style="width: 520px; height: 510px; border:1px solid gray;"></div>
</td>
</tr>
<tr>
<td>
<div id="maptitel"> Weltkarte </div>
<div id="detailsat" style="width: 151px; height: 251px; "></div>
</td>
</tr>
</table>
-
Hi Bergblume,
vielen Dank, es hat geklappt!! :lol:
http://www.die-bildersammlung.de
LG
UssVoyager
-
hallo,
wo finde ich die stelle für die höhe vom weisem fenster die breite habe ich gefunden in der gm.js (sehe rote Markierung)
die vorschaubilder sind in der höhe immer auserhalb ders weissen fensters, nur wenn ich ganz nah heranzomme, passt es inns weise fenster
http://grosspeterwitz.org/gp/index.php?template=google-photo-map-sl
function createMarker(point, name, address, type, thumb, kml, cat, desc) {
var marker = new GMarker(point, tinyIcon);
var html = "<br/>" + "<table><tr>" + "<td width='100'>" + "<a href=" + type +">" + "<img src=" + thumb + ">" + "</a>" + "</td>" + "<td valign='top'>"+ "<b> <font color='black'>" + name + "</b> <br>" + "" +"<br>" + "<a href=" + cat +">" + "zur Kategorie" + "</a></td></tr></table><table><tr><td><font color='black'>" + desc +"</td></tr></table>";
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
kennt jemand ein rat?
gruß lukas
-
Hi, das habe ich auch ab und an. Aber wenn du beim zweitenmal draufklickst, passt alles.
LG
Ingo
-
bei mir kimmt das sehr oft vor,
kann man da nicht die höhe fest einstellen , die breite ist doch mit 100 eingestelllt
gruß
-
Hallo,
also die breite ist mit 100 eingestellt, das ist richtig. Du kannst ja auch eine andere Grösse wählen, so wie es dir gefällt.
dazu einfach den passenden Wert hinzufügen:
<td width='100' height='100'>,
aber du kannst auch natürlich die Grössenangaben in der Tabelle festlegen.
<table width='200' height='100' border='0' cellspacing='0' cellpadding='0' bgcolor='#EFEFEF'>
Dann sollte es schon anders aussehen. Nimm doch einfach mal 200 in der Breite. Kommt natürlich ganz auf das Layout an und deinem Design an.
Musst du wirklich probieren, denn mann sollte irgendwie ein Mittelmaß zwischen hoch und querformat der Bilder finden :-)
LG
Ingo
-
danke,
hat geklapt
damit bin ich zufrieden <table width='200' height='100' border='0' cellspacing='0' cellpadding='0' bgcolor='#EFEFEF'>
http://grosspeterwitz.org/gp/index.php?template=google-photo-map-gp
-
hallo,
gibt es eine Möglichkeit, dass die Marker innerhalb der Photomap (z.b. je nach eigens definierten (und ausgewählten) mage-feldern (http://www.4homepages.de/forum/index.php?topic=20748.0)) mit verschiedenen Farben (rot, blau, gelb, etc.) definiert und angezeigt werden können?
wenn ja, wie?
gruss, bergblume
-
hallo,
gibt es eine Möglichkeit, dass die Marker innerhalb der Photomap (z.b. je nach eigens definierten (und ausgewählten) mage-feldern (http://www.4homepages.de/forum/index.php?topic=20748.0)) mit verschiedenen Farben (rot, blau, gelb, etc.) definiert und angezeigt werden können?
wenn ja, wie?
gruss, bergblume
hat hierzu schon jmd. eine idee bzw. lösung (z.B. auch andersfarbige Marker je nach Kategorie).
eine weitere Frage von mir wäre, wie ich bestimmte Kategorien von der Anzeige in der Google-Map ausschließen kann...
Danke und liebe grüße!
bergblume
-
was muss ich hier in dem code von google-photo-map.php verändern wenn ich bestimmte kategorien ausschließen möchte oder nur die kategorie z.B. 9 anzeigen lassen will in der google photo map?
// Select all the rows in the markers table
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}
header("Content-type: text/xml ; charset=iso-8859-15");
// Start XML file, echo parent node
echo '<markers>';
// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
echo '<marker ';
echo 'name="' . parseToXML($row['image_name']) . '" ';
echo 'address="' . parseToXML($row['image_']) . '" ';
echo 'lat="' . $row['image_gmap_latitude'] . '" ';
echo 'lng="' . $row['image_gmap_longitude'] . '" ';
echo 'kml="' . "".ROOT_PATH."data/kml/" . $row['image_id'] . ".kml" . '" ';
$max_length = 100; // Max. Anzahl der Zeichen in der Bildbeschreibung
$description = $row['image_description'];
$description_short = $description;
if (strlen($description) > $max_length) {
$description_short = substr($description, 0, $max_length)." ... ";
}
echo 'desc="' . parseToXML($description_short) . '" ';
echo 'type="' . "".ROOT_PATH."details.php?image_id=" . $row['image_id'] . '" ';
echo 'thumb="' . "".ROOT_PATH."data/thumbnails/" . $row['cat_id'] . "/" . $row['image_media_file'] . '" ';
echo 'cat="' . "".ROOT_PATH."categories.php?cat_id=" . $row['cat_id'] . '" ';
echo '/>';
bitte um hilfe!
-
Hi, die Frage kann ich dir beantworten, bei den anderen habe ich leider keine IDEE :-(
Du musst für eine bestimmte Kategorie das hier ändern
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
Nach
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id`= 9";
für die Kategorie mit der ID 9 .....
-
hi rinaldo!!
hey super - - das hilft schon mal weiter...
geht auch der umkehrschluss dass ich irgendwie eine kategorie von der gesamtheit der kategorien ausschließen kann...
ich habe da was mit NOTIN in erinnerung - weiß aber nicht wie ich das hinbekomme
WHERE i.image_active = 1 AND c.cat_id = i.cat_id AND i.cat_id NOT IN (".get_auth_cat_sql("auth_viewcat", "NOTIN").",129)
(das war zum ausschluss einer kategorie beim anzeigen von neuen bildern)
wäre klasse, wenn du mir da noch helfen könntest.
vielen vielen dank!
-
Ja klar ....
AND cat_id NOT IN 9 müsste es dann sein, um die Nummer 9 auszuschliessen.
Die Markerfarbe kannst du aber nur global ändern, um deine andere Frage aufzugreifen. Du müsstest dann für jede Kategorie andere scripte nehmen.
-
habe dies nun versucht
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id`= NOT IN 2";funktioniert aber leider nicht - es werden gar keine marker mehr angezeigt... was habe ich falsch gemacht?
-
So nun auch nicht
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id`= NOT IN 2";
Sollte so sein
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` != 2"; nimmt er alles was nicht in 2 ist.
Auf die schnelle habe ich das mit NOT IN nicht hinbekommen, aber mit != klappt es bei mir eine Kategorie zu excluden....
-
yippiiehh ya yeah...
man lernt nie aus...
so klappt es... 1000-dank!!
-
`cat_id`= NOT IN 2sollte so sein
`cat_id` NOT IN 2
ohne =
-
hi nicky,
danke für deine verbesserung! - man lernt eben nie aus... :thumbup: thanx!
bergblume
-
Hi, die Frage kann ich dir beantworten, bei den anderen habe ich leider keine IDEE :-(
Du musst für eine bestimmte Kategorie das hier ändern
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
Nach
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id`= 9";
für die Kategorie mit der ID 9 .....
hallo,
ich habe nochmal eine kurze frage... wie kann ich noch weitere kategorien mit einbeziehen, d.h. wenn ich neben kategorie 9 auch noch kategorie 10 in der photomap angezeigt werden will?
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id`= 9,10";
funktioniert leider nicht..
danke für´s kurze helfen!
-
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` IN (9,10)";
-
:D great! thanks a lot, Nicky! :thumbup:
-
Hallo Leute,
ich hab mal ne dumme Frage:
Wo kann ich die schriftfarbe in der "Sprechblase" ändern? (siehe Bild)
hallo leute,
zu der frage mit der sprechblase habe ich auch ein paar fragen:
1) wie kann ich in der sprechblase den namen der kategorie anzeigen lassen? (d.h. nicht Anzeige von "zur Kategorie" sondern "KATEGORIENAME")
2) wie kann ich in der sprechblase inhalte von image-feldern (die ich z.B. hiermit (http://www.4homepages.de/forum/index.php?topic=20748.0) selbst erstellt habe) anzeigen lassen?
3) wie kann ich in der sprechblase die koordinaten des Markers angezeigt bekommen?
danke für das posten des entsprechenden codes.
bergblume
-
Für Infos in TABS finde in deiner *.js Datei
demo:
http://rinaldos.homeip.net/google-photo-map-cgn.html
var marker = createMarker(point, name, address, type, thumb, kml, cat, desc);
ersetze durch
var marker = createTabbedMarker(point, name, address, type, thumb, kml, cat, desc);
ersetze die komplette funktion
function createMarker(point, name, address, type, thumb, kml, cat, desc) {
.
.
.
});
return marker;
}
durch
function createTabbedMarker(point, name, address, type, thumb, kml, cat, desc, html1,html2,label1,label2) {
var marker = new GMarker(point,tinyIcon);
var label1 = "Das Bild";
var html1 = "<div id='infoback_01'>" + "<table width='200' height='100' border='0' cellspacing='0' cellpadding='0' bgcolor='#EFEFEF'><tr>" + "<td valign='middle'>" + "<a href=" + type +"#Google_Maps>" + "<img src=" + thumb + ">" + "</a>" + "</td>" + "<td> </td>" + "<td valign='middle'>"+ "<b> <font color='black'>" + name + "</b> <br>" + "<a href=" + kml +">" + "Google Earth" + "</a>" +"<br>" + "<a href=" + cat +">" + "zur Kategorie" + "</a></td></tr></table></div>";
var label2 = "Infos";
var html2 = "<div id='infoback_02'>" + "<table width='200' height='100' border='0' cellspacing='0' cellpadding='0' bgcolor='#efefef'><tr>" + "<td valign='middle'>" + desc + "</td></tr><tr>" + "<td valign='middle'>Koordinaten:" + point + "</td></tr></table></div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]);
});
return marker;
}
Zu Deinen Punkten 1 und 2 müssen umfangreichere Änderungen in der PHP Datei gemacht werden und diese dann in die .js Datei reingeladen werden. Werde mich nächste Woche, sofern es die Zeit zulässt drum kümmern.
Gruß
ingo
-
hallo ingo!
vielen dank erstmal für die hilfestellung --- das hat geklappt! ;-)
ich denke jetzt lässt sich der code auch problemlos auf andere image_felder übertragen (um diese neben der desc zu verwenden).
schön wäre natürlich wenn noch der kategoriename irgendwie angezeigt werden würde und nicht blos "zur Kategorie"....
danke!
bergblume
-
Hallo rinaldo
ich habe es schon hinbekommen das mit in der InFO BOX
Geboren am: 24.07.1912
Gestorben am: 03.08.1990
Gestorben in: Mittenwald
angezeigt wird, aber es steht nicht Untereinander, sondern nebeneinander. sehe
http://grosspeterwitz.org/friedhof/4images/index.php?template=google-photo-map (http://grosspeterwitz.org/friedhof/4images/index.php?template=google-photo-map)
hier der auschnitt aus der gm.js
function createTabbedMarker(point, name,geboren,gestorben,gestorbenin, address, type, thumb, kml, cat, desc, html1,html2,label1,label2) {
var marker = new GMarker(point,tinyIcon);
var label1 = "Das Bild";
var html1 = "<div id='infoback_01'>" + "<table width='250' height='150' border='0' cellspacing='0' cellpadding='0' bgcolor='#EFEFEF'><tr>" + "<td valign='middle'>" + "<a href=" + type +"#Google_Maps>" + "<img src=" + thumb + ">" + "</a>" + "</td>" + "<td> </td>" + "<td valign='middle'>"+ "<b> <font color='black'>" + name + "</b> <br>" + "<a href=" + kml +">" + "Google Earth" + "</a>" +"<br>" + "<a href=" + cat +">" + "zur Kategorie" + "</a></td></tr></table></div>";
var label2 = "Infos";
var html2 = "<div id='infoback_02'>" + "<table width='250' height='150' border='0' cellspacing='0' cellpadding='0' bgcolor='#efefef'><tr>" + "<td valign='middle'>" + "<td valign='middle'>Geboren am:" + "<b> <font color='black'>" + geboren + "</b> <br>"+ "</b> <br>"+ "<td valign='middle'>Gestorben in:"+"<b> <font color='black'>" + gestorbenin + "</b> <br>"+"<td valign='middle'>Gestorben am:"+"<b> <font color='black'>" + gestorben + "</b> <br>"+"</td></tr></table></div>";
kannst du mir weiter helfen, die anzeige sollte untereinander stehen.
gruß kubiczek
-
hallo ingo,
bzgl. der photomap habe ich noch eine frage bzw. anregung zur erweiterung... wenn man sehr viele bilder entsprechend mit GPS-daten hinterlegt hat, werden mit der zeit sehr viele marker innerhalb der googlemaps angezeigt.. auf einigen portalen habe ich nun gesehen, dass eine "clusterung" der marker möglich ist und man dann durch klick auf diese quasi in die nächste ebene reingezoomt wird...
anbei ein bild zur veranschaulichung...
wie kann man so etwas in der photomap realisieren? das hier könnte evtl bei der lösung helfen => link (http://googlemapsapi.martinpearman.co.uk/articles.php?cat_id=1)
gruss, bergblume
-
zu meiner obigen anfrage mit der clustermap habe ich noch folgenden beitrag gefunden => Link (http://googlemapsapi.martinpearman.co.uk/forum/viewthread.php?forum_id=5&thread_id=30&pid=129#post_129) sowie folgenden Sourcecode zum Download (http://gmaps-utility-library.googlecode.com/svn/trunk/mapiconmaker/1.1/src/)
kann mir jmd. sagen wie ich nun die gm.js und die google-photo-map-datei abändern muss?
-
@Bergblume
Clustermarker ist eine tolle Idee, aber irgendwie steige ich bei den ganzen Sachen nicht durch. Ich werde dir da Bescheid geben, wenn ich igrendeinen Weg gefunden habe dieses einzubauen. Das trifft auch auf die Anzeige der Kategorie in der Blase zu :-) Ich bin wild am Googeln :-)
Gruß
Ingo
-
hi ingo,
super danke--- freut mich zu lesen, dass dir meine ideen gefallen.... wenn ich irgendwo im netz noch relevante hinweise zur entwicklung finden sollte, werde ich sie natürlich hier sofort posten... ich habe die clustermap bisher nur so - wie in dem beispiel zum laufen gebracht... was fehlt ist quasi, dass auf die GPs-daten aus der datenbank zurückgegriffen wird und nicht auf die aus der hinterlegten php-datei (http://www.tourendatenbank.com/js/marker_data_01.php) aus dem beispiel.. ich habe leider keine ahnung wie man das bewerkstelligen kann...
hier mein beispiel => clustermap (http://www.tourendatenbank.com/templates/Iceberg/clustermap.htm)
gruss, bergblume
P.S. ich hoffe du hattest einen schönen und erholsamen urlaub!
-
Danke, der Urlaub war super klasse :-) Kannst du dir ja mal anschauen. Die Bilder sind online :-) Am besten war natürlich das Nordkap ..... Aber das nur am Rande. Wie hast du denn den Clustermarker zum laufen gebracht. Ich habe mich am Clustermarker und am dem MORE Button probiert, aber leider hat nie etwas wirklich funktioniert :-(
Läuft dein Clustermarker mit allen Daten aus einer HTML Datei, oder wie?
Gruß
-
hi ingo,
du kannst eigentlich den quellcode von meiner-musterseite 1:1 kopieren und du muisst dann noch die folgenden files bei dir auf den server laden und entsprechend verknüpfen:
<script type="text/javascript" src="http://www.tourendatenbank.com/js/ClusterMarker.js"></script>
<script type="text/javascript" src="http://www.tourendatenbank.com/js/HtmlControl.js"></script>
<script type="text/javascript" src="http://www.tourendatenbank.com/js/marker_data_01.php"></script>
<script type="text/javascript" src="http://www.tourendatenbank.com/js/mapiconmaker.js"></script>
(und natürlich den google-API-key entsprechend anpassen)
die hauptinfo für den clustermarker ist eigentlich in mapiconmaker.js und ClusterMarker.js hinterlegt...
Viele Grüße
bergblume
-
Kannst du mir mal bitte die PHP Datein anhängen?
-
na klar - anbei alle dateien... siehe Anhang :wink:
-
Danke :-) Ich werd heute abend mal da einen Blick drauf werfen und ein wenig rumprobieren. Muss doch irgendwie zu schaffen sein :-) (Denk ich)
-
ich denke der clou wird sein, dem script zu sagen woher es die GPS-daten nehmen soll... in dem aktuellen beispiel kommen die halt alle aus der *.php-datei...
vielleicht kann uns auch mawenzi - wenn er das hier lesen sollte - entsprechend unterstützen...
-
Hallo,
Habe es geschaft den Routenplaner von "Bergblume" in die google-maps von "rinaldo" neben den "Info Tab" zu integrieren.
für alle die es auch bei sich einbauen wollen.
http://grosspeterwitz.org/friedhof/4images/index.php?template=google-photo-map
ändere
in der gm.js
finde:
function createTabbedMarker(point, name, address, type, thumb, kml, cat, desc, html1,html2,label1,label2) {
und ersetze durch:
function createTabbedMarker(point, name,geboren,gestorben,gestorbenin, address, type, thumb, kml, cat, desc, html1,html2,html3,label1,label2,label3) {
finde:
var html2 = "<div id='infoback_02'>" + "<table width='200' height='100' border='0' cellspacing='0' cellpadding='0' bgcolor='#efefef'><tr>" + "<td valign='middle'>" + desc + "</td></tr><tr>" + "<td valign='middle'>Koordinaten:" + point + "</td></tr></table></div>";
füge darunter
var label3 = "Routenplaner";
var html3 = " <b>Route hierher berechnen mit Google-Maps :</b><br>Ziel-Adresse : " + name + "<br>Start-Adresse hier eintragen" + "<form action='http://maps.google.com/maps' method='get' target='_blank'>" + "<input type='text' size='50' maxlength='50' name='saddr' id='saddr' value=' ' />" + "<input value='Los !' type='submit'>" + "<input type='hidden' name='daddr' value=' " + point.lat()+ ","+ point.lng() + " '> " + "<br>Der Plan wird in einem neuen Fenster angezeigt."
finde :
marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]);
und ersetze durch:
marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2),new GInfoWindowTab(label3,html3)]);
hoffe ich habe es richtig beschrieben.
gruß kubiczek
-
hallo kubiczek!
danke für deine mitteilung des "rätsel´s lösung" - freut mich, dass du es geschafft hast...
gruss, bergblume
-
Coole Erweiterung :-) Danke fürs veröffentlichen.
@BergBlume
Kategorienamen in der Blase von Google Maps:
gm.php
finde
while ($row = @mysql_fetch_assoc($result)){
ersetze mit
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
$sql1 = "SELECT cat_name FROM (".CATEGORIES_TABLE.") WHERE cat_id = ".$row['cat_id']."";
$result1 = $site_db->query_firstrow($sql1);
dann fügst du in den echo's folgende zeile ein:
echo 'cat_name="' . parseToXML($result1['cat_name']) . '" ';
in gm.js
finde
var name = markers[i].getAttribute("name");
füge darunter ein:
var cat_name = markers[i].getAttribute("cat_name");
finde
var marker = createMarker(point, name, address, type, thumb, kml, cat, desc);
ersetzen mit:
var marker = createMarker(point, name, cat_name, address, type, thumb, kml, cat, desc);
finde
function createMarker(point, name, address, type, thumb, kml, cat, desc) {
ersetzen mit:
function createMarker(point, name, cat_name, address, type, thumb, kml, cat, desc) {
finde
+ "<a href=" + cat +">" + "zur Kategorie" +
ersetzen mit:
+ "Kategorie: " + "<a href=" + cat +">" + cat_name +
Nun sollte es klappen .......
Gruß
Ingo
-
hi ingo!
perfekt! funktioniert einwandfrei!! :D
hast du die clustermap auch schon zum Laufen bekommen? bzw. konntest du den zustand, den ihc habe, herstellen?
gruss, bergblume
-
Hi Bergblume. wenn ich deine daten nehmen, sehe ich klar die Google Maps. aber leider basieren die Werte auf JSON, und ich muss mla einen weg finden, wie ich das ganze aus XML übernehmen kann. Sofern dieses überhaupt möglich ist..
Aber gut Ding braucht weile :-)
-
Währe es auch machbar, ein suchfeld unter der Googel Karte einzufügen,
um nach Markern bzw. Bildern in der eigenen Umbebung (wohnort, aufenthaltsort) zu suchen.
-
hallo,
ich habe nochmal eine kurze frage... wie kann ich noch weitere kategorien mit einbeziehen, d.h. wenn ich neben kategorie 9 auch noch kategorie 10 in der photomap angezeigt werden will?
"SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id`= 9,10";
funktioniert leider nicht..
danke für´s kurze helfen!
habe hier selber noch die lösung zu der obigen problemstellung (falls es jmd noch interessiert):
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` NOT IN (9,10)";
gruss, bergblume
-
servus ingo...
ich habe im internet folgende js-datei (s. anhang) gefunden, die die AV-Hütten in den Alpen auf einer Google-map abbildet....
wie kann ich diese nun in die photomap bzw. in die googlemap auf den detailseiten einbinden?
danke dafür, dass du mal draufschaust...
bergblume
-
Servus,
ich würde das gerne für die Kategorien haben. Ginge das?
Also eine Koordinate für eine Kategorie... die Ausgabe
dann in den Kategorien, nicht aber in den Details. Zusätzlich sollen
(wie auch in Deinem Skript) alle anderen Kategorien/Koordinaten angezeigt
werden. Wie kann man das realisieren?
-
@Schnick und Schnack,verwechselst du diesen MOD nun mit einem anderen? Dieser MOD stellt eine Photomap zur Verfügung, dies hat weder etwas mit Kategorien noch mit Detailansichten zutun :-) Ich denke, das was du haben möchtest, wäre ein komplett anderer MOD.
- Du müsstest eben meinen MOD soweit zerpflücken, das du eine Ausgabe über die Kategorie erhälst (Datenbankwerte) und in der php Datei von meinem MOD die SQL Abfrageg soweit ändern, das er nach Bildern mit einer cat_id sucht und nicht nach Suchwörtern ...
- Weiterhin muss du die categories Datenbank anpassen um dort die Eingabe von Koordinaten zu ermöglichen.
Und schon könntest du eine Photomap in der Kategorie zeigen
Denkbar wäre aber auch das du den anderen Weg einschlägst,indem du den MOD für die Detailansichten umschreibst um den in der categories.php zu verwenden.
LG
Ingo
-
google sagt schlüssel paßt nicht. Aber bei den anderen Googlemap funktioniert es.
Sollte ich den Fehler finden, kann man eigentlich auch das aussehen der Marker ändern?
-
Hast du denn in Schritt Drei deinen Schlüssel auch eingetragen?
-
Ups hatte übersehen das da der Key rein muss. Dann hat es geklappt. Aber was macht man mit ner Karte auf der nix ist ausser Europa?
Dachte da werden die naheliegenden Marker eingeblendet. Kann man nicht eine bestehende googlemap Karte von einem googlekonto einbinden?
Mittlerweile sehe ich marker (Pfadproblem). Aber die Karte zeigt Anfangs Deutschland bzw. halb Europa. Wie kann ich das gleich passen reinzommen lassen an die Stelle wo die meisten Marker sind bzw. ein Gebiet.
Und bei der Sprechblase habe ich noch das Problem das der Bildtext teilweise ausserhalb der Blase ist, je nachdem wohin man die Karte scrollt.
-
Hi
Also Karte zentireiren sowie die Zoomstuffe einstellen, passiert im Schritt 2. Dort findest du folgenden Zeile.
map.setCenter(new GLatLng(50.94160997, 6.96867943), 5);
Einfach die Koordinaten und die Zoomstufe einstellen und dann haste das was du haben willst. Du kannst nur die Google Maps Karte direkt von Google einbinden, meine oder andere Seiten dazu brauchst du den passenden Key.
Dachte da werden die naheliegenden
Es werden auch alle Marker angezeigt die mit dem Suchmister ind er PHP Datei übereinstimmen. Und in der PHp Suche werden alle Marker gesucht die in der Datenbank
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1";
image_gmap_show = 1 haben. Und dieser Wert wird eben gesetzt, sobald die Bilder in die Datenbank eingetragen werden. Sollte dieses bei dir nicht der Fall sein musst du diesen MOD
http://www.4homepages.de/forum/index.php?topic=19926.0 auch noch integrieren :-) Dann geht alles automatisch ....
LG
Ingo
-
Danke für die Antwort, wieder ein Stück weiter. den anderen Mod habe ich probiert, hat aber anscheinend zuviele alte Modfetzen im Code so das es ständig zu fehlern kommt. Wenn ich also bei googlemap eine Karte habe könnte ich die einbinden?
Also das mit dem Zoom werde ich schon hinbekommen. Wie schalte ich Satelittenansicht oder gemischte ein?
Ein bischen habe ich im Thread hier schon gefunden. Das mit dem Upload ist nicht so tragisch. Was ich aber möchte ist das
je nach Kategorie einmal die Karte mir dem Detail angezeigt wird. Ist ja der Mod hier und funktioniert ja super via ftpupload. Und dann je nach Bildkategoriezugehörigkeit eine Übersichtskarte daneben mit den angrenzenden Dingen. Das heißt man müßte je Kategorie eine andere Photomap.php und anderes javascript laden falls man andere Icons verwenden möchte, oder hat jemand eine Idee für eine bessere Lösung? Vielleicht eine IF Abfrage oder so. Bin leider in Javascript nur wenig bewandert und php auch wenig.
-
hallo zusammen,
ich bräcuhte mal kurz eure unterstützung...
wie muss ich diesen code hier
echo 'type="' . "".ROOT_PATH."details.php?image_id=" . $row['image_id'] . '" ';
abändern, damit ich sumafreundliche urls (habe den seo-friendly-mod installiert) ausgegeben bekomme (im stil von img-link-zur-seite-1.htm)
folgendes habe ich schon probiert - klappt aber leider nicht:
echo 'type="' . "".ROOT_PATH."img".$image_url.".htm"; '" ';
danke und gruss,
bergblume
-
Dann möchte ich mich auch einmal in die Diskussion einklinken. :wink:
Zunächst einmal konnte ich die Photomap erfolgreich in meine Website einbauen. Die Marker werden alle ordnungsgemäß angezeigt. Aber nur im Firefox. Wenn ich die Seite im Internet Explorer öffne, sehe ich zwar die Karte, aber keine Marker. Eine falsche Verlinkung kann es ja nicht sein, da es im Firefox geht. In diversen Bildergalerien habe ich gesehen, dass beide Browser laufen. Bei einer Bildgalerie verhält es sich genauso wie bei meiner:
http://grosspeterwitz.org/gp/index.php?template=google-photo-map-sl
Nur im Firefox werden die Marker angezeigt. Was muss geändert werden?
Edit:
Folgendes konnte ich herausfinden:
Der Fehler kommt von den Sicherheitseinstellungen vom Internet Explorer. Wenn sie niedriger eigestellt werden, funktioniert das Skript auch hier. Vermutlich liegt es daran, dass die Javascriptdatei an folgender Stelle einen Dateizugriff macht, welcher als gefährlich eingestuft wurde:
GDownloadUrl("/fotogalerie/google-photo-map.php", function(data) {
Da bliebe noch die Frage, wie man das umgehen kann.
-
Niemand eine Idee?
-
Niemand eine Idee?
Hallo,
also bei mir im IE8 funktioniert das ganze tadellos.
nobby
-
Hallo und ein frohes neues,
der IE stuft zwangsläufig einige Scripte als Fehlerhaft ein. Ich hätte im Moment keine Idee wie man das umgehen kann. Da es bei vielen funktioniert würde ich eher auf die Google API tippen.
Du kannst eine andere API auswählen, indem du die direkt im Template lädst.
Im POST 1 wird die API Version 2 geladen, ich lade explizit die API Version 2.133. Je nach API sind eben Fehler behoben, aber auch neue Fehler hinzugekommen. Der IE 6 ist leider sehr anfällig was das angeht und immer noch als Standard Browser auf vielen Windows Maschinen
Ich lade die API aus dem PHP, daher auch print ..... Das müsstest du noch rausnehmen, oder aber deine PHP Datei anpassen, sowie die templates.
print "<script src=\"http://maps.google.com/maps?file=api&v=2.133&hl=&key=DEIN GOOGLE API KEY\" type=\"text/javascript\"></script> \n"
Gruß
-
Danke, werde ich mir mal im Quelltext anschauen.
Als Firefoxnutzer war es erstmal ungewöhnlich, wo der Fehler lag. Mit ein bisschen Probieren habe ich mal bei Youtube geschaut (um einen Anhaltspunkt zu haben) was der IE an Code bei den Sicherheitseinstellungen für gefährlich einstuft. Kurz gesagt: Wer auf Youtube Videos sehen kann, hat mit der Photomap keine Probleme. :wink:
-
Hallo und schöne Grüße aus Leipzig!!!
Ich scheitere knapp, aber regelmäßig am Einbau von zwei Veränderungen an meiner Photomap:
1)
Das Laden aller Marker dauert bei knapp 1000 Bildern ziemlich lange - ist ja auch verständlich.
http://www.leipzig-am-wasser.de/index.php?template=google-photo-map (http://www.leipzig-am-wasser.de/index.php?template=google-photo-map)
Viele Marker werden übereinander dargestellt (und damit völlig verdeckt), da sie von der gleichen Position aus fotografiert wurden.
Gibt es eine Möglichkeit, bei allen Bildern auf der Detailseite eine Karte anzuzeigen, aber auf der Photomap nur einige ausgewählte Bilder?
2)
Trotz einigerTipps im Forum gelingt es mir nicht, die Layer (Webcams, Wikis u.a.) ein- und auszublenden.
Ich habe in meiner Map die Panoramio-Bilder nun ausgeblendet, weils chaotisch wirkt :cry:
Veilleicht kann mal einer der Profis hier, den [MOD] Google Photomap mal diesbezüglich erweitern?
Abschließend noch an dickes Dankeschön an alle, die die Ergebnisse ihrer stundenlangen Arbeit, der Community hier zur Verfügung stellen.
-
Hi
Na da bist du nicht alleine. Ich scheitere bei dem MOD auch am Einbau der Option zum auswählen was auf den Karten angezeigt werden soll :-) Auch wenn ich den MOD gebaut habe, klappt nicht alles bei mir :-)
Aber sicherlich ist es möglich, auf der Detailseite eine Karte anzeigen zu lassen.
Dies ist aber ein gänzlich anderer MOD (Sucher hier im Forum nach Google Maps)
zu Deiner ersten Frage:
1) http://www.4homepages.de/forum/index.php?topic=16533.0 (Google Maps Detailseite, der Urmod)
2) http://www.4homepages.de/forum/index.php?topic=19926.0 (Google Maps Detailseite, eine Erweiterung)
3) http://www.4homepages.de/forum/index.php?topic=25185.0 (Google Cluster Photomaps)
zu Deiner zweiten Frage:
Bisher ist es mir nicht gelungen, deine Wünsche in den MOD zu integrieren. Ich probiere immer mal wieder, aber irgendwo scheitert es leider immer.
Gruß
Ingo
-
Vielen Dank Ingo für deine Antwort!
Frage 1)
Ich habe auf allen Detailseiten meiner knapp 1000 Bilder die GoogleMap drin - das will ich ja auch.
Dadurch kommen aber auch alle knapp 1000 Marker auf die PhotoMap, was nicht gewollt ist, weil sich viele überdecken und dadurch nicht nutzbar sind.
Man müsste im Admin einstellen können
a) Map auf Detailseite anzeigen? ja/nein
b) Marker auf PhotoMap anzeigen? ja/nein
[Ich denke: schwierig, weils 2 MODS betrifft.]
oder einfach reinprogrammieren
- bei mehreren Fotos mit gleichen Längen- und Breitengraden nur ein Foto auf die PhotoMap, meinetwegen das erste Bild, alle weiteren nicht mehr ...
[Ich denke: einfacher, weils nur den MOD PhotoMap betrifft.]
Frage 2)
Ich werden basteln und basteln, vielleicht gelingt mir hier auch mal was Produktives :roll:
http://www.leipzig-am-wasser.de/index.php?template=google-photo-map (http://www.leipzig-am-wasser.de/index.php?template=google-photo-map)
Gruss Peter
-
Wieso clusterst du denn nicht? Dann haste nicht mehr so viele marker, und der User kann entscheiden, welche er sehen will.
Der Mod (a) auf der Detailseite zeigt doch auch nur eine Map an, wenn GPS Daten vorhanden sind, daher ist es schwierig da noch etwas im Admin einzustellen. Dann müsste das ja für jedes Bild einzeln eingestellt werden, und das einmal für die Detailseite und einmal für die Fotomap. Ich denke das ist dann schon ein wenig schwieriger da noch einige Datenfelder in die Datenbanken müssen. Im Umkehrschluss, ist der User nur noch am überlegen, wo er denn sein Bild anzeigen lassen möchte.
Zu deinem einfachen reinprogrammieren, Wo ziehst du die Grenze bei gleicher Position?
1m 10m 15m 20m 50m 100m, Je nach Höhe im Anzeigemodus deiner Map?
Alle Angaben sind schon unterschiedliche GPS Daten und das ist dann schon wieder heikler.
Na Produktiv sieht es ja schon aus.
Hier mal die Weltkarte im Cluster, dauert nur ein wenig mit dem laden.
http://rinaldos.homeip.net/google-photo-map.html
Gruß
Ingo
-
Vielen Dank Ingo!
Ich habe jetzt "geclustert" und beschäftige mich gerade mit dem Prinzip :wink:
http://www.leipzig-am-wasser.de/index.php?template=google-photo-map (http://www.leipzig-am-wasser.de/index.php?template=google-photo-map)
Eine echte Alternative, vielen Dank für das Bereitstellen!!!
Problematisch erscheint mir noch das Zoomen - manchmal ist die Zommstufe so niedrig, dass keine Kartenansicht mehr zur Verfügung steht.
Eine Clustermarkierung erscheint (logischerweise) auch dort, wo viele Bilder völlig identische Koordinaten haben. Das kommt immermal vor, wenn man z.B. in einem Stadion sitzt und 50 Bilder macht, ohne sich von seinem Platz zu bewegen :roll: das habe ich vorhin gemeint - also völlig identische Koordinaten, auf den Millimeter sozusagen. Mir würde es echt keine große Mühe machen, alle Bilder nachzubearbeiten, wenn man auswählen könnte, ob sie auf der Photomap erscheinen sollen oder nicht. Kann man ja mit SQL in der Datenbank machen ...
Gruss Peter
-
Da gebe ich Dir recht bei identischen Koordinaten ist das kein Problem :-) Aber dann kannst du ja auch die Bilder übers ACP bearbeiten und die Koordinaten von Hand löschen.
-
... dann ist die Map auf der Detailseite weg :cry: :cry: :cry:
-
Soweit wie ich dich verstanden habe, wolltest du doch nicht alle Bilder angezeigt bekommen? Oder nur auf der Photomap nicht, aber auf der Detailseite schon?
-
Auf der Detailseite sollen alle Bilder die Map-Funktion haben, auf der Photomap nur ausgewählte Bilder ...
Wenn ich mal Rentner bin und jeden Tag Zeit zum Knipsen habe, dann geht die Photomap nach 5000 Bildern sicherlich in die Kniee :lol:
Aber bis dahin gibt es bestimmt Cameras, wo man das schon beim Fotografieren einstellen kann :mrgreen: :mrgreen: :mrgreen:
-
Ok, hier ein möglicher Anhalt zur eventuellen Lösung deines Problems.
füge in deine Datenbank images, ein weiteres Datenbankfeld hinzu. Nutze dafür am besten phpmyadmin
ALTER TABLE `4images_images` ADD `image_gmap_photomap` TINYINT( 1 ) NOT NULL DEFAULT '1'
Mit dem Wer 1 am Ende werden standardmässig alle Bilder aktiviert.
füge in db_field_definitions.php ein
$additional_image_fields['image_gmap_photomap'] = array($lang['image_gmap_photomap'], "radio", 1);
Dein Language Verzeichnis main.php
$lang['image_gmap_photomap'] = "In Photomap anzeigen";
und in deiner google-photo-map.php
fügst du nach
// ADD TO XML DOCUMENT NODE
folgendes ein:
if ($row['image_gmap_photomapp'] == 1){
und nach
echo '/>';fügst du
}ein.
Das ganze ist absolut ungetestet, sollte aber funktionieren. So ähnlich kannst du es auch für die Clustermap umsetzen. Ich habe das ganze anhand dem Code gerade erstellt, der im POST#1 veröffentlicht ist. Nun kannst du im ACP die Bilder in der Photomap ein / ausschalten von der Photomap. Natürlich kannst du dieses beliebig erweitern mit abfragen in der member.php (Image editieren usw.). Dafür musst du ja nur die SQL Anweisung um das Feld image_gmap_photomap, den dazugehörigen Variabeln erweitern.
Hoffe ich habe Dir den richtigen Weg zum vollenden deiner Photomap gezeigt.
Gruß
-
1000 Dank Ingo!
Ich habe die google-photo-map.php alternativ geändert:
// Select all the rows in the markers table
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_photomap` = 1";
Und es funktioniert :P :P :P
(http://www.leipzig-am-wasser.de/signature.php) (http://www.leipzig-am-wasser.de/signature.php?go=1)
-
Hallo,
ist es irgendwie möglich das man nur eine Kategorie und Ihre Unterkategorien angezeigt bekommt?
habe das hier von Bergblume gefunden
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` NOT IN (9,10)";
Dann müsste ich aber an die 500 Zahlen eintippen.
Ich habe nähmlich die Gräber vom 1 und 2 Weltkrieg als aufnahmen, die würde ich gerne seperat jeweils eigener Karte darstellen wollen.
http://www.grosspeterwitz.org/friedhof/4images/
Hat jemand da eine Idee?
-
Hi,
also wenn du mit dem select nur eine Kategorie haben willst würde ich mal versuchen
das "NOT IN" in ein "IN" zu verwandeln und in der Klammer die eine Kategorie einzutragen.
Nur so eine Idee ob das klappt k.a. :)
Gruß Jens
-
Hallo,
es muss eine Hauptkategorie sein, und alle Unterkategorien von der ausgewählten Hauptkategorie die in der Photomap angezeigt werden.
1. index.php?template=google-photo-map-1weltkireg (Hauptkategorie mit Unterkategorien )
2. index.php?template=google-photo-map-2weltkrieg (Hauptkategorie mit Unterkategorien )
3 index.php?template=google-photo-map (alles )
Ich bekomme alles aufgebaut nur halt an der selektion der Kategorie da scheitere ich.
-
hallo,
ich bin immer noch am rumexperementieren habe
in der Datenbank noch der Spalte cat_parent_id nach der cat_id entdeckt , kann man das nicht irgenwie verwenden
um eine Hauptkategorie mit allen unterkategorien auszuwählen.
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` NOT IN (9,10)";
leider bin ich dessen nicht mächtig, es zu implementieren :roll:.
ein experte müsste es sich anschauen. (freiwillige sind herzlich willkommen) :D :D :D
-
Hi,
also wenn du mit dem select nur eine Kategorie haben willst würde ich mal versuchen
das "NOT IN" in ein "IN" zu verwandeln und in der Klammer die eine Kategorie einzutragen.
Nur so eine Idee ob das klappt k.a. :)
Gruß Jens
Hallo,
so hat es nicht geklappt. Hast du noch eine Idee?
es muss eine Hauptkategorie sein selectiert werden, und alle Unterkategorien von der ausgewählten Hauptkategorie in der Photomap angezeigt werden.
1. index.php?template=google-photo-map-1weltkireg (Hauptkategorie mit Unterkategorien )
2. index.php?template=google-photo-map-2weltkrieg (Hauptkategorie mit Unterkategorien )
3 index.php?template=google-photo-map (alles )
bin am verzweifeln.............
ich denke mann muss in die folgende zeile
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` NOT IN (9,10)";
noch
"SELECT * FROM (".categories_TABLE.") cat_id und cat_parent_id
einbinden.
Weist du wie man das umsetzten kann?
-
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND `cat_id` NOT IN (9,10)";
das "AND `cat_id` NOT IN (9,10)";"
ändere in:
AND cat_id IN (".$cat_in.")
und füge vor deiner SQL abfrage diese ein:
$sql = "SELECT cat_id, cat_parent_id
FROM ".CATEGORIES_TABLE."
WHERE cat_parent_id in (".$cat_in.")";
$result = $site_db->query($sql);
while ($row = $site_db->fetch_array($result)){
$cat_parent .= ",".$row['cat_id'];
}
$cat_in = $cat_in.$cat_parent;
"$cat_in" sind deine hauptkategorien
mfg Andi
-
ich habe es jetzt eingebaut wie folgt...
<?php
/**************************************************************************
* *
* 4images - A Web Based Image Gallery Management System *
* ---------------------------------------------------------------- *
* *
* File: google-photo-map.php *
* Copyright: (C) 2008 Ingo *
* Email: jan@4homepages.de *
* Web: http://www.4homepages.de *
* Scriptversion: 1.7.6 *
* *
* Never released without support from: Nicky (http://www.nicky.net) *
* *
**************************************************************************
* *
* Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz- *
* bedingungen (Lizenz.txt) für weitere Informationen. *
* --------------------------------------------------------------- *
* This script is NOT freeware! Please read the Copyright Notice *
* (Licence.txt) for further information. *
* *
*************************************************************************/
define('ROOT_PATH', './');
include(ROOT_PATH.'global.php');
function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','<',$htmlStr);
$xmlStr=str_replace('>','>',$xmlStr);
$xmlStr=str_replace('"','"',$xmlStr);
$xmlStr=str_replace("'",'&#38;#38;#38;#39;',$xmlStr);
$xmlStr=str_replace("&",'&',$xmlStr);
return $xmlStr;
}
// Select all the rows in the markers table
$sql = "SELECT cat_id, cat_parent_id
FROM ".CATEGORIES_TABLE."
WHERE cat_parent_id in (".$cat_in.")";
$result = $site_db->query($sql);
while ($row = $site_db->fetch_array($result)){
$cat_parent .= ",".$row['cat_id'];
}
$cat_in = $cat_in.$cat_parent;
$query = "SELECT * FROM (".IMAGES_TABLE.") WHERE `image_gmap_show` = 1 AND cat_id IN (".$cat_in.")";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}
header("Content-type: text/xml ; charset=iso-8859-15");
// Start XML file, echo parent node
echo '<markers>';
// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
echo '<marker ';
echo 'name="' . parseToXML($row['image_name']) . '" ';
echo 'address="' . parseToXML($row['image_']) . '" ';
echo 'lat="' . $row['image_gmap_latitude'] . '" ';
echo 'lng="' . $row['image_gmap_longitude'] . '" ';
echo 'kml="' . "".ROOT_PATH."data/kml/" . $row['image_id'] . ".kml" . '" ';
$max_length = 25; // Max. Anzahl der Zeichen in der Bildbeschreibung
$description = $row['image_description'];
$description_short = $description;
if (strlen($description) > $max_length) {
$description_short = substr($description, 0, $max_length)." ... ";
}
echo 'desc="' . parseToXML($description_short) . '" ';
echo 'type="' . "".ROOT_PATH."details.php?image_id=" . $row['image_id'] . '" ';
echo 'thumb="' . "".ROOT_PATH."data/thumbnails/" . $row['cat_id'] . "/" . $row['image_media_file'] . '" ';
echo 'cat="' . "".ROOT_PATH."categories.php?cat_id=" . $row['cat_id'] . '" ';
echo '/>';
}
// End XML file
echo '</markers>';
?>
nur wenn ich jetzt die Hauptkategorie(506) in das feld CAT_ID eintrage wird nichts in der Google Map angezeigt.
http://grosspeterwitz.org/friedhof/4images/index.php?template=google-photo-map-soldaten-1
bin ich blind? :roll:
gruß
-
...... in das feld CAT_ID eintrage wird nichts in der Google Map angezeigt.
wo trägst du die ein?
du mußt doch den script "google-photo-map.php" die cat_id doch irgendwo übergeben, nur in den script sehe ich nichts davon, oder bin ich blind. :)
<?php
/**************************************************************************
* *
* 4images - A Web Based Image Gallery Management System *
* ---------------------------------------------------------------- *
* *
* File: google-photo-map.php *
* Copyright: (C) 2008 Ingo *
* Email: jan@4homepages.de *
* Web: http://www.4homepages.de *
* Scriptversion: 1.7.6 *
* *
* Never released without support from: Nicky (http://www.nicky.net) *
* *
**************************************************************************
* *
* Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz- *
* bedingungen (Lizenz.txt) für weitere Informationen. *
* --------------------------------------------------------------- *
* This script is NOT freeware! Please read the Copyright Notice *
* (Licence.txt) for further information. *
* *
*************************************************************************/
define('ROOT_PATH', './');
include(ROOT_PATH.'global.php');
function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','<',$htmlStr);
$xmlStr=str_replace('>','>',$xmlStr);
$xmlStr=str_replace('"','"',$xmlStr);
$xmlStr=str_replace("'",'&#38;#38;#38;#38;#39;',$xmlStr);
$xmlStr=str_replace("&",'&',$xmlStr);
return $xmlStr;
}
// Select all the rows in the markers table
$cat_in= "506";
$sql = "SELECT cat_id, cat_parent_id
FROM ".CATEGORIES_TABLE."
WHERE cat_parent_id in (".$cat_in.")";
$result = $site_db->query($sql);
while ($row = $site_db->fetch_array($result)){
$cat_parent .= ",".$row['cat_id'];
}
$cat_in = $cat_in.$cat_parent;
$query = "SELECT *
FROM (".IMAGES_TABLE." i, ".CATEGORIES_TABLE." c)
WHERE i.image_active = 1 AND i.image_gmap_show = 1 AND c.cat_id = i.cat_id AND i.cat_id IN (".$cat_in.")
";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}
header("Content-type: text/xml ; charset=iso-8859-15");
// Start XML file, echo parent node
echo '<markers>';
// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
// ADD TO XML DOCUMENT NODE
echo '<marker ';
echo 'name="' . parseToXML($row['image_name']) . '" ';
echo 'address="' . parseToXML($row['image_']) . '" ';
echo 'lat="' . $row['image_gmap_latitude'] . '" ';
echo 'lng="' . $row['image_gmap_longitude'] . '" ';
echo 'kml="' . "".ROOT_PATH."data/kml/" . $row['image_id'] . ".kml" . '" ';
$max_length = 25; // Max. Anzahl der Zeichen in der Bildbeschreibung
$description = $row['image_description'];
$description_short = $description;
if (strlen($description) > $max_length) {
$description_short = substr($description, 0, $max_length)." ... ";
}
echo 'desc="' . parseToXML($description_short) . '" ';
echo 'type="' . "".ROOT_PATH."details.php?image_id=" . $row['image_id'] . '" ';
echo 'thumb="' . "".ROOT_PATH."data/thumbnails/" . $row['cat_id'] . "/" . $row['image_media_file'] . '" ';
echo 'cat="' . "".ROOT_PATH."categories.php?cat_id=" . $row['cat_id'] . '" ';
echo '/>';
}
// End XML file
echo '</markers>';
?>
-
Genial, ohne deine Hilfe hätte ich es nicht Geschaft.
hier das tolle schöne Ergebniss mit viel überblick
http://grosspeterwitz.org/friedhof/4images/index.php?template=google-photo-map-ausser
muss mir noch die tage die Weltkarte einbauen.
gruß mit HOCHACHTUNG
-
np, hauptsache es funktioniert :)
-
how to do that when you click View in Google Earth, start Google Earth. find locations and photos.
Because far kml file firefox daemon execution as text and not run google earth
or you may need to change something here?
echo 'kml="' . "".ROOT_PATH."data/kml/" . $row['image_id'] . ".kml" . '" ';
-
hallo!
seit den letzten Tagen kann ich in der photopmap nicht mehr die roten tropfen sehen.
aufgefallen ist mir das schon in zwei galerien. hat google da etwas verstellt?
-
Hallo Ralf ...
... hier die Original-Adresse der roten Marker : http://labs.google.com/ridefinder/images/mm_20_red.png ...
... und diese Marker werden wohl in google-labs nicht mehr bereit gestellt ...
... du solltest dir eigene Marker speichern und die URL im MOD-Code dementsprechend ändern ...
... ggf. stellte google ja auch neue Marker bereit ... auch dafür wäre dann die URL im MOD-Code zu ändern ...
-
danke für deine schnelle antwort!
ich werde das mal probieren.. wenn ich hilfe brauche, kann ich dich dann kurz dazu nerven?
:mrgreen:
-
My map is working but I have big problem:
http://ogk.cal.pl/index.php?template=google-photo-map
When markers are load map is working very slowly. Something is wrong with script.
-
Neuerdings schreibt 4images die coordinaten nicht mehr aus dem exiferdaten in die datenbank. Werden sie manuell im Admin eingetragen geht es. Keine Ahnung woran es liegen könnte, suche nun schon eine weile rum
-
Hi,
habe folgendes Problem:
Ich versuche nun schon seit längerer Zeit, ein Clustering einzubinden.
Dabei habe ich folgende Anleitung gefunden:
http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0.2/docs/examples.html (http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0.2/docs/examples.html)
Ich weiß, dass es hier schon einen Cluster-Mod gibt, ich würde aber gerne diese Methode einbauen.
Folgenden Code habe ich in der gm.js geändert:
var marker = new google.maps.Marker({
map: map,
position: point,
icon: icon.icon
});
bindInfoWindow(marker, map, infoWindow, html);
markers.push(marker); // <= Neu
}
var markerCluster = new MarkerClusterer(map, markers); // <= Neu
});
}
...aber irgendwie will es nicht: Auf der Karte wird nur noch ein einziger Punkt angezeigt.
Kann mir vielleicht jemand weiterhelfen?
Danke und Grüße,
Patrick
-
.... Auf der Karte wird nur noch ein einziger Punkt angezeigt.
....
vor der Schleife fehlt dir:
var markers = [];
mfg Andi
-
Hi Andi,
habe den Code soeben mal eingefügt.
Direkt vor der Schleife werden keine marker mehr angezeigt, füge ich es vor
var markers = xml.documentElement.getElementsByTagName("marker");
ein, wird wieder nur ein Marker angezeigt.
Ohne eine große Ahnung von javascript zu haben: Liegt das vielleicht daran, dass man zweimal eine Variable jeweils neu definiert?
Grüße,
Patrick
-
.... wird wieder nur ein Marker angezeigt.
....
nochmal, um die Marker zu Gruppieren werden die einzelnen Marker in ein Array geschrieben und das wird mit:
var markers = [];
Definiert.
Wenn du das nicht machst wird immer nur ein Marker (der letzte) angezeigt.
-
Ich habe diesen Code eingefügt, es wird dennoch entweder nur ein Marker angezeigt oder keiner.