Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

kostas-theod
Δημοσιεύσεις: 222
Εγγραφή: 11 Ιαν 2004 09:15
Τοποθεσία: Πάτρα-ΕΛΛΑΔΑ

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από kostas-theod » 12 Μάιος 2010 23:12

Εβαλα ΑPI αλλα δεν μου εμφανιζει εγραφες.

Επίσης εχω και το παρακατω σφάλμα .

Κώδικας: Επιλογή όλων




Μήνυμα: Το 'markerGroups[...]' είναι μηδενικό ή δεν είναι αντικείμενο
Γραμμή: 181
Χαρακτήρας: 7
Κώδικας: 0
URI: http://www.username.gr/maps/test-map.php?id=1

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από fafos » 12 Μάιος 2010 23:42

ta types pou yparxoun mesa sthn selida einai auta:

Κώδικας: Επιλογή όλων

  var markerGroups = { "port": [], "museum": [], "site": [], "palace": [], "garden": [], "churche": [], "shop": [], "restaurant": [], "hotel": []};
sto xml esy to exeis onomasei "Hotels"... an to metanomaseis (apo to admin) se "hotel", logika tha paiksei..

zepolen
Δημοσιεύσεις: 18
Εγγραφή: 01 Σεπ 2008 15:57

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από zepolen » 17 Μάιος 2010 13:40

Αν θελεις να δεις απο μια (παλιουτσικη) εφαρμογη του gmaps API που ειχα φτιαξει πριν απο 2 χρονια περιπου δες εδω: http://www.plot.gr/properties/map

Αντι για marker ειχα βαλει thumbnails - και το νου σου, ηταν η πρωτη φορα που δουλεψα gmaps, ο κωδικας μπορει να μην ειναι τοσο ωραιος.

Virtuous
Δημοσιεύσεις: 3
Εγγραφή: 03 Απρ 2010 11:16

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από Virtuous » 21 Ιουν 2010 01:15

Γεία σας παιδία. Θέλω την βοήθεια σας.
Συγχαρητήρια για τους οδηγούς σας.

Έχω έναν απλό χάρτη με καμία 40 σημεία ενδιαφέροντος σε όλη την Ελλάδα.
Κάθε φορά που φορτώνω το site μου δείχνει διαφορετικά σημεία ενδιαφέροντος.

Δηλαδή, την μια φορά μου δείχνει 7 σημεία την δεύτερη 40, την τρίτη 15 και την τέταρτη 7.

Μπορείτε να με βοηθήσετε σας παρακαλώ.

Παράκατω σας αποστέλλω τον κώδικα.
Όποιος θέλει μπορώ να του στείλω και το site με pm. Αποφεύγω να το γράψω εδώ γιατί τρέχει ένα campaign με google-analytics.

Επίσης το api-key είναι κανονικά περασμένο αλλά το αντικατέστησα εδώ.

Κώδικας: Επιλογή όλων

<script type="text/javascript" src="http&#58;//maps.google.com/maps?file=api&amp;v=2&amp;key=to-kleidi"></script>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.gmap-1.1.0-min.js"></script>
<script type="text/javascript">
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
$&#40;"#map"&#41;.gMap&#40;&#123; markers&#58; &#91;  &#123; address&#58; "Praxagora 18,Nea Erythrea, Athens, Greece",
		  html&#58;"keimeno "&#125;,
                                        &#123; address&#58; "Spyrou Spyridi 91, Volos, Greece",
		  html&#58; "keimeno"&#125;&#93;,
	icon&#58; &#123; image&#58; "gmap_pin.png", 
			iconsize&#58; &#91;26, 46&#93;,
			iconanchor&#58; &#91;12, 46&#93;,
			infowindowanchor&#58; &#91;12, 0&#93; &#125;,
        address&#58; "Greece",
	zoom&#58; 6 &#125;&#41;;
&#125;&#41;;
</script>
<div id="map" style="width&#58; 622px; height&#58; 600px;">&nbsp;</div>

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από fafos » 21 Ιουν 2010 01:18

me ti browser to vlepeis?

Virtuous
Δημοσιεύσεις: 3
Εγγραφή: 03 Απρ 2010 11:16

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από Virtuous » 21 Ιουν 2010 01:21

Έπαθα πλάκα με το πόσο γρήγορα απάντησες.

Τώρα απο firefox 3.5.9.
Αλλά το έχω τσεκάρει με πολλούς

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από fafos » 21 Ιουν 2010 01:24

Virtuous έγραψε:Έπαθα πλάκα με το πόσο γρήγορα απάντησες.

Τώρα απο firefox 3.5.9.
Αλλά το έχω τσεκάρει με πολλούς
exo vardia giauto apanthsa grhgora :lol: steile me pm to link..

Intefix
Δημοσιεύσεις: 186
Εγγραφή: 22 Σεπ 2007 16:21
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από Intefix » 21 Σεπ 2010 09:30

Πολύ καλή εφαρμογή και εδώ...http://maps.immoscout24.ch/Home.aspx?lng=en

geoch
Δημοσιεύσεις: 1
Εγγραφή: 20 Νοέμ 2010 21:40

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από geoch » 20 Νοέμ 2010 21:54

fafos έγραψε:Μία συμβουλή:

Όταν κάνετε αλλαγές να τις κοιτάτε με οιανδήποτε browser εκτός του explorer!!

O explorer κρατά στην cache τον προηγούμενο χάρτη και δεν σας δείχνει τις αλλαγές!!

Καλησπέρα και από μένα,


Έχω φτιάξει μια παρόμοια εφαρμογή και το μεγάλο μου πρόβλημα είναι ότι ενώ δουλεύει τέλεια με mozzilla o I.E. κρατάει στην cache το παλιό xml και ότι αλλαγές και να γίνουν στη mysql δεν καταλαβαίνει τίποτα.
Υπάρχει τρόπος να απαλλαγώ από αυτό το πρόβλημα, ο λόγος είναι ότι "καίγομαι" να χρησιμοποιήσω το object του i.e από τη v.b.

Ευχαριστώ πολύ

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από fafos » 20 Νοέμ 2010 22:07

geoch έγραψε:

Καλησπέρα και από μένα,


Έχω φτιάξει μια παρόμοια εφαρμογή και το μεγάλο μου πρόβλημα είναι ότι ενώ δουλεύει τέλεια με mozzilla o I.E. κρατάει στην cache το παλιό xml και ότι αλλαγές και να γίνουν στη mysql δεν καταλαβαίνει τίποτα.
Υπάρχει τρόπος να απαλλαγώ από αυτό το πρόβλημα, ο λόγος είναι ότι "καίγομαι" να χρησιμοποιήσω το object του i.e από τη v.b.

Ευχαριστώ πολύ
vale ena var na genaei enan tyxaio arithmo:

Κώδικας: Επιλογή όλων

var rand = Math.round&#40;Math.random&#40;&#41; * 999999999&#41;;
meta dose to sto link tou xml:

Κώδικας: Επιλογή όλων

        GDownloadUrl&#40;"markers1.xml?rand="+ rand, function&#40;data&#41; &#123;
logika den tha krataei cache..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
P3tran
Δημοσιεύσεις: 16
Εγγραφή: 12 Μάιος 2011 16:31

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από P3tran » 18 Μάιος 2011 13:53

P3tran έγραψε:fafos eyxaristo gia tin apantisi katarxas.

Ston kodika pou paretheses, travas ta eikonodia apo ena .png to opio einai saved se ena folder. Ston kodika pou sopu parethesa den litourgei etsi omos an katalaveno kala:

Κώδικας: Επιλογή όλων

var iconOptions = &#123;&#125;;
iconOptions.width = 26;
iconOptions.height = 26;
iconOptions.primaryColor = "#FF0000";
iconOptions.label = "ML";
iconOptions.labelSize = 0;
iconOptions.labelColor = "#FFFFFF";
iconOptions.shape = "circle";
var icon = MapIconMaker.createFlatIcon&#40;iconOptions&#41;;
dld an katalaveno kala dimiourgei to marker vasi tou kodika sosta? kai to onomazei iconOptions nomizo.

En oligis ayto pou den mporo na kano einai na antikatastiso px to green marker pou exeis me ayto pou dimiourgite apo ton parapano kodika.

dokimasa na valo ston parapano kodika opou iconOptions iconGreen ( oste na min allazo olo to script gia dokimi) kai genika na pekso ligo me ton kodika oste na miazei me ayton pou exeis otan fortonei to green marker alla tzifos..!

pos genein ayto ?! (ogunsoto)
fafos έγραψε:kammia sxesh o kodikas pou dineis me auton pou dino.. o dikos sou einai gia ena marker kai den se afhnei na valeis allo giati to periorizeis.. kathe icon prepei na exei diko tou kodika kai dikh tou onomasia..
malista..! ego skeftomoun na valo ton idio kodika polles fores oste na valo 3-4 markers me tin idia morfi apla allo xroma kai me allo label dld na alaza ta eksis attributes:

Κώδικας: Επιλογή όλων

iconOptions.primaryColor = "#FF0000";
iconOptions.label = "ML";
Ara, prepei na ta ftiakso os png ta markers mou gia na doulepsoun vasi tis sinartiseis pou exeis ftiakse mesa sto sctriptaki ipotheto etsi?

elega mipos mporo na antikatastastiso to green marker pou exeis me ayto ton kodika kai meta na douleyei opos to diko sou apla..

Se eyxaisto gai alli mia fora pantos.

Kati allo pou thelo na rotiso einai to eksis: Stis odigies sto "Google Maps - 1ο, Γενικά, Δημιουργία απλού χάρτη" ginete zoom in kai zoom out me tin rodela tou pontikiou, eno se aytous sto "Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)" den ginete? einai kapio option ayto , prpei na prostheso kapio kodika?

(metera edo to thema, pisteyo einai pio sosto)

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από fafos » 18 Μάιος 2011 14:00

vale auto:

Κώδικας: Επιλογή όλων

map.setUIToDefault&#40;&#41;;
kato apo ta:

Κώδικας: Επιλογή όλων

map.addMapType&#40;G_PHYSICAL_MAP&#41;;
map.addMapType&#40;G_SATELLITE_3D_MAP&#41;;
des edo: http://www.istopoli.com/cruise/maps/map8xml.html
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
P3tran
Δημοσιεύσεις: 16
Εγγραφή: 12 Μάιος 2011 16:31

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από P3tran » 23 Μάιος 2011 19:34

Kalispera kai pali,

Eyxaristo gia tis apantiseis fafos, grigoros kai katatopistikos gia alli mia fora.

Exo ftasei sto simio pou exo ftiaksei ton xarti mou opos ton thelo, kai exo ta locations sto xml file mou.

Dedomenou oti thelo na prostheso peri ta 1000 markers, apo pleyras apodosis emfanisis ayton pano ston xarti ( se periptosi pou thelo na emfazizonte ola mazi me to pou fortonei o xartis) tha voleye (pera apo thema orgranosis) na exo diaforetika xml files gai tis 10 katigories pou exo san locations?

tha dokimaso sigoura kai tin methodo me ton loader pou mou paretheses parapano, apla thelo na ksero pia einai i kaliteri odos na akolouthiso gai enan tetio arithmo locations, oste na min trexo kai den ftano meta an fortonoun poli arga.


eyxaristo kai pali,


Petros

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6235
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από fafos » 23 Μάιος 2011 22:57

oso pio analytika apotelesmata toso kalytera gia ton xrhsth..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Sophie85
Δημοσιεύσεις: 2
Εγγραφή: 25 Μάιος 2011 04:08

Google Maps - 2ο, Δημιουργία χάρτη με πολλαπλά σημεία (xml)

Δημοσίευση από Sophie85 » 25 Μάιος 2011 04:22

Καλησπέρα, κάνω μια εργασία πάνω σε Google maps. Θα ήθελα την βοήθεια σας παρακαλώ. Έχω αυτό το αρχείο html το οποίο φορτώνει μέσω xml markers,polygons,polylines. Θέλω όταν πατάω πάνω στον κάθε marker να εμφανίζεται το infowindow με το info που υπάρχει στο xml. Επίσης, όταν τσεκάρω το 1o checkbox να εμφανίζονται οι markers, to 2o τα polygons κλπ.
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sens ... "></script>
<script type="text/javascript">
var map;
var placesArr = []; // Pinakas gia places (markers)
var squaresArr = []; // pinakas gia squares (polugons)
var roadsArr = []; // pinakas gia grammes (polylines)

function initialize() // Kaleitai otan emfanizetai o xarths
{
var drama = new google.maps.LatLng(41.150557,24.146292);
map = new google.maps.Map(document.getElementById("map"),
{
zoom: 16,
center: drama,
mapTypeId: google.maps.MapTypeId.ROADMAP

});
downloadUrl("coordsDrama.xml",readAndDisplayXML);

}

// Ektos apo emfanish KAI apo8hkeush markers/polygons/polylines stous pinakes placesArr, squaresArr, roadsArr
function readAndDisplayXML(data) // orismos readAndDisplayXML ektos ths downloadUrl
{
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++)
{
var latlng = new google.maps.LatLng(parseFloat(markers.getAttribute("lat")),
parseFloat(markers.getAttribute("lng")));
var marker = new google.maps.Marker({position: latlng, map: map}); // emfanish tou epomenou marker sto xarth
var info = markers.getAttribute("info");
var html = "<b>"+info+"<\/b><p>";
var contentString = html;

var infowindow = new google.maps.InfoWindow({
content: info
});
google.maps.event.addListener(marker,'click',function ()
{ infowindow.setContent(contentString);

infowindow.open(map,marker);
});
}
placesArr.push(markers);
var polys = xml.documentElement.getElementsByTagName("polygon");
// An yparxoun sto xml polys.length > 0
for (var i = 0; i < polys.length; i++) // Gia ka8e polygon i ...
{
var points = polys.getElementsByTagName("point"); // ...diabase ta points tou i polygon
var info =polys.getAttribute("polygon info");
var gpolyCoords = new Array(points.length) // ston pinaka gpolyCoords
for (var j =0; j < points.length; j++) // me auto to for
gpolyCoords[j] = new google.maps.LatLng(parseFloat(points[j].getAttribute("lat")),parseFloat(points[j].getAttribute("lng")));

// Emfanish sto xarth tou polugwnou apo ta shmeia tou gpolyCoords
poly = new google.maps.Polygon(
{
path: gpolyCoords, // Αuto eleipe
strokeWeight: 1,
fillColor: '#3B00FF',
strokeColor: '#3B00FF',
geodesic: true
});
poly.setMap(map); // Auth h entolh emfanizei to poly


} squaresArr.push(poly);
var polyl = xml.documentElement.getElementsByTagName("polyline");
// An yparxoun sto xml polys.length > 0
for (var i = 0; i < polyl.length; i++) // Gia ka8e polyline i ...
{
var points = polyl.getElementsByTagName("point"); // ...diabase ta points tou i polygon
var gpolyCoords = new Array(points.length) // ston pinaka gpolyCoords
for (var j =0; j < points.length; j++) // me auto to for
gpolyCoords[j] = new google.maps.LatLng(parseFloat(points[j].getAttribute("lat")),parseFloat(points[j].getAttribute("lng")));

// Emfanish sto xarth tou polugwnou apo ta shmeia tou gpolyCoords
polyline = new google.maps.Polyline( // Oxi polugon
{
path: gpolyCoords, // Αuto eleipe
strokeWeight: 3,
fillColor: '#3B00FF',
strokeColor: '#FF0000',
geodesic: true
});
polyline.setMap(map); // Auth h entolh emfanizei to polyline panw ston xarth
}
roadsArr.push(polyl);
}

function downloadUrl(url,callback)
{
var request = window.ActiveXObject ?
new ActiveXObject('Microsoft.XMLHTTP') :
new XMLHttpRequest;

request.onreadystatechange = function() {
if (request.readyState == 4) {
request.onreadystatechange = doNothing;
callback(request, request.status);
}
};

request.open('GET', url, true);
request.send(null);
}
function doNothing() {}

function doOnClick(id)
{
var state = document.getElementById(id).checked; // true ή false
if (state == true) // Dior8: if (state == true)
{
if (id=="places") // Dior8: if (id=="places")
{
for (var i=0; i< placesArr.length; i++)

placesArr.setMap(map);

}
else if (id=="squares")
{
for (var i=0; i< squaresArr.length; i++)

squaresArr.setMap(map);// Kwdikas for gia squaresArr
}
else if (id=="roads")
{
for (var i=0; i< roadsArr.length; i++)

roadsArr.setMap(map);// kwdikas for gia roadsArr
}

}
else // to state tou epipedou (places/squares/roads) einai false
{ if (id=="roads") polyl.setMap(null);
if (id=="squares") poly.setMap(null);

// Kwdikas gia e3afanish tou epipedou, dhl. setMap(null);
}


}


</script>
</head>
<body onload="initialize()">
<div id="form" style="width: 100%; height: 13%" align="center">
<form>
<!-- 8ewroume sthn arxh oti kai ta 3 checkbox einai epilegmena (checked="true")
dhl. oti emfanizontai ta epipeda e3arxhs -->
<input type="checkbox" id="places" value="Places" checked="true" onclick="doOnClick(id)"/> Places <br>
<input type="checkbox" id="squares" value="Squares" checked="true" onclick="doOnClick(id)"/> Squares <br>
<input type="checkbox" id="roads" value="Roads" checked="true" onclick="doOnClick(id)"/> Roads <br>
<br />
<br />
<br />
<br />
</div>
<div id="map" style="width: 100%; height: 100%;"></div>
</body>
</html>


Το xml αρχείο είναι αυτό

<?xml version="1.0" encoding="utf-8"?>
<list>
<marker lat="41.148115" lng="24.145251" info="ΚΤΕΛ Δράμας" />

<marker lat="41.149057" lng="24.143776" info="ΚΤΕΛ Σερρών" />

<marker lat="41.149585" lng="24.145514" info="ΚΤΕΛ Αφετηρία" />



<polyline info="Aγίας Σοφίας">

<point lat="41.150934" lng="24.145691"/>

<point lat="41.1509" lng="24.145774"/>

<point lat="41.150557" lng="24.146292"/>

<point lat="41.150369" lng="24.146605" />

<point lat="41.150284" lng="24.146825" />

<point lat="41.150181" lng="24.147059" />

<point lat="41.150098" lng="24.147104"/>

</polyline>

<polyline info="sophie">

<point lat="5" lng="3"/>

<point lat="1" lng="2"/>

</polyline>
<polygon info="Πλατεία Αγίας Ελευθερίας">

<point lat="41.150308" lng="24.146664" />

<point lat="41.149884" lng="24.14642" />

<point lat="41.149771" lng="24.146396" />

<point lat="41.149634" lng="24.147069" />

<point lat="41.150078" lng="24.14708" />

<point lat="41.150169" lng="24.14704" />

<point lat="41.150215" lng="24.146959" />

</polygon>

<polygon info="Δημοτικός Κήπος Κομοτηνής">

<point lat="41.149117" lng="24.146117"/>

<point lat="41.147909" lng="24.1455" />

<point lat="41.147986" lng="24.144765" />

<point lat="41.147509" lng="24.144304" />

<point lat="41.146621" lng="24.146946" />

<point lat="41.148948" lng="24.147053" />

<point lat="41.149004" lng="24.146863" />

</polygon>
</list>

Θα μπορούσε κάποιος να με βοηθήσει???
Ευχαριστώ εκ των προτέρων.

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες