Google Maps V3 | 3ο, Multiple Markers

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

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

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

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από fafos » 16 Ιαν 2013 16:28

ideal έγραψε: Αυτο που χρειαζομουν! Ευχαριστώ παρα πολυ!
Προσπαθησα να συνδυασω τον κωδικα απο το tutorial με τους markers και τον κωδικα απο το link που μας εδωσες αλλα δυστυχως δεν πετυχα κατι. μου βγαζει μια γκρι επιφανεια και τιποτα αλλο. Υπαρχει τροπος να συνδυαστουν;
Δοκιμασα με το XML για αρχη αλλα εκανα μια τρυπα στο νερο :lol: (ειναι λιγο για γελια η γνωση μου στη javascript και αν εβλεπες τους συνδυασμους που εκανα θα καταλαβαινες). Δοκιμασα και με απλη τοποθετηση marker (lang-long) και πάλι το ιδιο...
Αν δε σε φερνω σε δυσκολη θεση θα σε παρακαλουσα αν μπορει να γινει κατι τετοιο να μας δειξεις ενα ακομα παραδειγμα. Εγω ειμαι ικανοποιημενος ουτως ή αλλως με τη λυση που μου εδωσες και σε ευχαριστω!
enoeis oti prospathises na doseis markers se ola ta shmeia pou exei perasei to gps?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από ideal » 16 Ιαν 2013 17:03

Οχι (ελπιζω). Εβαλα τον κωδικα του φιλου που μας εδωσες και προσθεσα 1 σημειο.
Θα σου ανεβασω σε 5 λεπτα τον κωδικα για να καταλαβεις να μου πεις και τι κανω λαθος.
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από ideal » 16 Ιαν 2013 17:46

Λοιπον, δοκιμασα αυτο και δουλεψε (παραθετω και τα αρχεια .gpx και XML στο τέλος):

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Google Map</title>
<style type="text/css">
  html, body, #map_canvas &#123; width&#58; 100%; height&#58; 100%; margin&#58; 0; padding&#58; 0 &#125;
</style>
<script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="https&#58;//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
  function initialize&#40;&#41; &#123;
	var acropoli = new google.maps.LatLng&#40;32.126107, -110.78695&#41;; 

	var map = new google.maps.Map&#40;document.getElementById&#40;"map_canvas"&#41;, &#123;
      mapTypeId&#58; google.maps.MapTypeId.TERRAIN
    &#125;&#41;;
	
    var marker = new google.maps.Marker&#40;&#123; 
      position&#58; acropoli, 
      title&#58;"Hello Acropolis!" 
	&#125;&#41;; 
  
  marker.setMap&#40;map&#41;;
    $.ajax&#40;&#123;
     type&#58; "GET",
     url&#58; "FantasyIsland.gpx",
     dataType&#58; "xml",
     success&#58; function&#40;xml&#41; &#123;
       var points = &#91;&#93;;
       var bounds = new google.maps.LatLngBounds &#40;&#41;;
       $&#40;xml&#41;.find&#40;"trkpt"&#41;.each&#40;function&#40;&#41; &#123;
         var lat = $&#40;this&#41;.attr&#40;"lat"&#41;;
         var lon = $&#40;this&#41;.attr&#40;"lon"&#41;;
         var p = new google.maps.LatLng&#40;lat, lon&#41;;
         points.push&#40;p&#41;;
         bounds.extend&#40;p&#41;;
       &#125;&#41;;

       var poly = new google.maps.Polyline&#40;&#123;
         // use your own style here
         path&#58; points,
         strokeColor&#58; "#FF00AA",
         strokeOpacity&#58; .7,
         strokeWeight&#58; 4
       &#125;&#41;;
       
       poly.setMap&#40;map&#41;;
       
       // fit bounds to track
       map.fitBounds&#40;bounds&#41;;
     &#125;
    &#125;&#41;;
  &#125;
</script>
</head>

<body onload="initialize&#40;&#41;">
  <div id="map_canvas"></div>
</body>
</html>
Αυτο δε δουλεψε:

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Google Map</title>
<style type="text/css">
  html, body, #map_canvas &#123; width&#58; 100%; height&#58; 100%; margin&#58; 0; padding&#58; 0 &#125;
</style>
<script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="https&#58;//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript">
  var infowindow; 
  var map; 

  function initialize&#40;&#41; &#123;

	var map = new google.maps.Map&#40;document.getElementById&#40;"map_canvas"&#41;, &#123;
      mapTypeId&#58; google.maps.MapTypeId.TERRAIN
    &#125;&#41;;
	
	downloadUrl&#40;"markers.xml", function&#40;data&#41; &#123; 
      var markers = data.documentElement.getElementsByTagName&#40;"marker"&#41;; 
      for &#40;var i = 0; i < markers.length; i++&#41; &#123; 
        var latlng = new google.maps.LatLng&#40;parseFloat&#40;markers&#91;i&#93;.getAttribute&#40;"lat"&#41;&#41;, 
                                    parseFloat&#40;markers&#91;i&#93;.getAttribute&#40;"lng"&#41;&#41;&#41;; 
        var marker = createMarker&#40;markers&#91;i&#93;.getAttribute&#40;"name"&#41;, latlng&#41;; 
       &#125; 
     &#125;&#41;;
	 

    $.ajax&#40;&#123;
     type&#58; "GET",
     url&#58; "FantasyIsland.gpx",
     dataType&#58; "xml",
     success&#58; function&#40;xml&#41; &#123;
       var points = &#91;&#93;;
       var bounds = new google.maps.LatLngBounds &#40;&#41;;
       $&#40;xml&#41;.find&#40;"trkpt"&#41;.each&#40;function&#40;&#41; &#123;
         var lat = $&#40;this&#41;.attr&#40;"lat"&#41;;
         var lon = $&#40;this&#41;.attr&#40;"lon"&#41;;
         var p = new google.maps.LatLng&#40;lat, lon&#41;;
         points.push&#40;p&#41;;
         bounds.extend&#40;p&#41;;
       &#125;&#41;;

       var poly = new google.maps.Polyline&#40;&#123;
         // use your own style here
         path&#58; points,
         strokeColor&#58; "#FF00AA",
         strokeOpacity&#58; .7,
         strokeWeight&#58; 4
       &#125;&#41;;
       
       poly.setMap&#40;map&#41;;
       
       // fit bounds to track
       map.fitBounds&#40;bounds&#41;;
     &#125;
    &#125;&#41;;
  &#125;
  
    function createMarker&#40;name, latlng&#41; &#123; 
    var marker = new google.maps.Marker&#40;&#123;position&#58; latlng, map&#58; map&#125;&#41;; 
    google.maps.event.addListener&#40;marker, "click", function&#40;&#41; &#123; 
      if &#40;infowindow&#41; infowindow.close&#40;&#41;; 
      infowindow = new google.maps.InfoWindow&#40;&#123;content&#58; name&#125;&#41;; 
      infowindow.open&#40;map, marker&#41;; 
    &#125;&#41;; 
    return marker; 
  &#125; 
</script>
</head>

<body onload="initialize&#40;&#41;">
  <div id="map_canvas"></div>
</body>
</html>
Τι κανω λαθος; (εννοειται οτι εχω κατευασει το util.js)
Επειδη δεν ανεβαζει gpx δινω το link εκείνου που χρησιμοποιησα:
http://www.topofusion.com/GPX/FantasyIsland.gpx
Συνημμένα
markers.xml
Αρχείο σημείων XML
(582 Ψηφιολέξεις) Μεταφορτώθηκε 311 φορές
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

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

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από fafos » 16 Ιαν 2013 21:51

exeis xexasei kapoia pragmata.. evala kai ena pseudo-loading giati autoi oi xartes psilokathysteroun na paroun mpros.... demo edo: http://istopoli.com/tuts/gps/map.html

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Google Map</title>
<style type="text/css">
  html, body, #map_canvas &#123; width&#58; 100%; height&#58; 100%; margin&#58; 0; padding&#58; 0 &#125;
</style>
<script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="https&#58;//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
$&#40;document&#41;.ready&#40;function &#40;&#41; &#123;
	$&#40;"#loading"&#41;.html&#40;'Staka ena lepto gia na fortoso ton xarth...'&#41;.hide&#40;&#41;.fadeIn&#40;1000&#41;;
	setTimeout&#40;function &#40;&#41; &#123;
		$&#40;'#loading'&#41;.fadeOut&#40;1000&#41;;
	&#125;, 5000&#41;;
&#125;&#41;;

var infowindow, map;
function initialize&#40;&#41; &#123;
	var myLatlng = new google.maps.LatLng&#40;0.0, 0.0&#41;;
	var myOptions = &#123;
		zoom &#58; 2,
		center &#58; myLatlng,
		mapTypeId &#58; google.maps.MapTypeId.ROADMAP
	&#125;

	map = new google.maps.Map&#40;document.getElementById&#40;"map_canvas"&#41;, myOptions&#41;;
	downloadUrl&#40;"markers.xml", function &#40;data&#41; &#123;
		var markers = data.documentElement.getElementsByTagName&#40;"marker"&#41;;
		for &#40;var i = 0; i < markers.length; i++&#41; &#123;
			var latlng = new google.maps.LatLng&#40;parseFloat&#40;markers&#91;i&#93;.getAttribute&#40;"lat"&#41;&#41;,
					parseFloat&#40;markers&#91;i&#93;.getAttribute&#40;"lng"&#41;&#41;&#41;;
			var marker = createMarker&#40;markers&#91;i&#93;.getAttribute&#40;"name"&#41;, latlng&#41;;
		&#125;
	&#125;&#41;;

	$.ajax&#40;&#123;
		type &#58; "GET",
		url &#58; "FantasyIsland.gpx",
		dataType &#58; "xml",
		success &#58; function &#40;xml&#41; &#123;
			var points = &#91;&#93;;
			var bounds = new google.maps.LatLngBounds&#40;&#41;;
			$&#40;xml&#41;.find&#40;"trkpt"&#41;.each&#40;function &#40;&#41; &#123;
				var lat = $&#40;this&#41;.attr&#40;"lat"&#41;;
				var lon = $&#40;this&#41;.attr&#40;"lon"&#41;;
				var p = new google.maps.LatLng&#40;lat, lon&#41;;
				points.push&#40;p&#41;;
				bounds.extend&#40;p&#41;;
			&#125;&#41;;

			var poly = new google.maps.Polyline&#40;&#123;
					// use your own style here
					path &#58; points,
					strokeColor &#58; "#FF00AA",
					strokeOpacity &#58; .7,
					strokeWeight &#58; 4
				&#125;&#41;;

			poly.setMap&#40;map&#41;;

			// fit bounds to track
			map.fitBounds&#40;bounds&#41;;

		&#125;
	&#125;&#41;;
&#125;

function createMarker&#40;name, latlng&#41; &#123;
	var marker = new google.maps.Marker&#40;&#123;
			position &#58; latlng,
			map &#58; map
		&#125;&#41;;
	google.maps.event.addListener&#40;marker, "click", function &#40;&#41; &#123;
		if &#40;infowindow&#41;
			infowindow.close&#40;&#41;;
		infowindow = new google.maps.InfoWindow&#40;&#123;
				content &#58; name
			&#125;&#41;;
		infowindow.open&#40;map, marker&#41;;
	&#125;&#41;;
	return marker;
&#125;
</script>
<style>
#loading&#123;
	display&#58;inline-block;
	margin&#58;0 auto;
	width&#58;300px;
	position&#58;absolute;
	left&#58;50%;
	top&#58;50%;
	margin-left&#58;-170px;
	margin-top&#58;-25px;	
	z-index&#58;9999;
	padding&#58;15px 30px 15px 30px;
	background&#58;#fff;
	border&#58;1px solid #999;
	font-family&#58;Verdana;
	font-size&#58;12px;
	font-weight&#58;700;
	color&#58;#cc0000;
&#125;
</style>
</head>

<body onload="initialize&#40;&#41;">
  <div id="loading"></div>
  <div id="map_canvas"></div>
</body>
</html> 
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από ideal » 17 Ιαν 2013 02:03

Σε ευχαριστω πολύ! Νομιζα οτι τα παρακατω ηταν προαιρετικα. π.χ. ότι αν ηθελα οριζα το myLating και το zoom. απο ο,τι βλεπω αυτη ειναι η διαφορα μας. Ποιος ο λογος να ειναι προαπαιτουμενα; ή εχει να κανει με την εκδοχη π.χ. τον τροπο που καλεις τους markers; Για παραδειγμα στην 1η εκδοχη που μου δουλεψε δε χρειαστηκε κατι τετοιο.

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

  var myLatlng = new google.maps.LatLng&#40;0.0, 0.0&#41;; 
   var myOptions = &#123; 
      zoom &#58; 2, 
      center &#58; myLatlng, 
      mapTypeId &#58; google.maps.MapTypeId.ROADMAP 
   &#125; 
Ο loader ολα τα λεφτα :yea:
Μπραβο σου παντως. πολυ ωραια τα tutorials και πολυ χρησιμα... Εμενα μου ελυσαν τα χερια.
Ευχαριστω!
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

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

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από fafos » 17 Ιαν 2013 02:33

to lathos sou htan ena.. eno eixes orisei san "var map" exo apo thn function, to xanaorizes kai mesa sthn function.. afaireis aplos to var apo thn function kai leitourgei... ta options ta evala gia na deixnei kati oso fortonei ta dedomena kai oxi ena grizo plaisio... den paizoun kapoio idiaitero rolo..

o preloader opos anafera einai pseudo.. yparxoun kanonikoi preloaders (metrane ta points tou xml) pou deixnoun kanoniko loading.. aplos den evala kati tetoio gia na mhn mperdeuteis perissotero..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από ideal » 17 Ιαν 2013 11:46

Α λες εδω:
var map;

function initialize() {

var map = new google.maps.Map(document.getElementById("map_canvas"), {
Δεν το ειχα προσεξει.
'Ναι το καταλαβα για τον loader. το ειδα οτι εχεις δωσει 5 δευτερολεπτα (ουτως ή αλλως το σημαντικο ειναι να δει ο χρηστης οτι φορτωνει). Απλως γελασα πολυ με την ατακα του loader... :D

Σε ευχαριστω για τη βοηθεια!
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

stbellias
Δημοσιεύσεις: 5
Εγγραφή: 11 Οκτ 2012 18:01

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από stbellias » 22 Μαρ 2013 13:50

καλησπέρα σας έχω βρει πολύ χρήσιμα τα βοηθήματα σας, προσπαθώ να κάνω μετατροπή του κώδικα σε v3 και αντιμετωπίζω πρόβλημα στο να φανούν τα marker πάνω στο χάρτη
έχω φτιάξει βάση για τα marker,σε v2 φορτώνονται

v2

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


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>

     <script src="http&#58;//maps.google.com/maps?file=api&v=1&key=key" type="text/javascript">

     </script>

  <!--<script src="http&#58;//gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js"></script> -->

  <!-- edw periexontai oi sinartiseis pou xrisimopoiw -->
  <script src="marker_functions3.js"></script>
  <script type="text/javascript">

  
  </head>


  <body onload='load_all_markers&#40;"fortwse_all_markers.php"&#41;; hide_all_markers&#40;&#41;;' bgcolor="#5167a1"

</div>
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxtree.css">
<script  src="codebase/dhtmlxcommon.js"></script>
<script  src="codebase/dhtmlxtree.js"></script>
<table style="border-collapse&#58; collapse; border-style&#58; double; border-width&#58; 1; padding&#58; 0" bordercolor="#5167a1" cellpadding="0" cellspacing="0">
    <tr>
        <td valign="top">
        
        <div id="treeboxbox_tree2" style="width&#58;260px; height&#58;600px; overflow&#58;scroll"></div>        </td>
        
        <td valign="top">
     
      <div id="map" style="height&#58; 600px; width&#58; 920px;"> </div> 
   
      </div>        </td>
    </tr>
</table>  


  
<div align="right">
  <script>

function toncheck&#40;id,state&#41; &#123;
 
   var rootsAr = tree2.getSubItems&#40;0&#41;.split&#40;","&#41;;
   var einai_parent=0;
    
   for &#40;var i = 0; i < rootsAr.length; i++&#41; &#123;
     
	   if &#40;id==rootsAr&#91;i&#93;&#41; &#123;  
	   
	    einai_parent=1;
		 
	   &#125;
   &#125;	   
	   
	 if &#40;einai_parent==1&#41; &#123;  
		
		   if &#40;state ==1&#41; &#123;   	 	
		      show_category_markers&#40;"vres_nodes.php?q=" + id + "&sid=" + Math.random&#40;&#41;,id&#41;;
			 
		   &#125;
		  
		   else		  
		   &#123;		      
			  hide_category_markers&#40;"vres_nodes.php?q=" + id + "&sid=" + Math.random&#40;&#41;,id&#41;; //hide_spot_marker&#40;id&#41;;		  
		   &#125;
			   
	   &#125;		
    
	   else 
	   
	   &#123;
	
	       if &#40;state ==1&#41; &#123;           
			  show_spot_marker&#40;id&#41;;
			           
		   &#125; 
 
           else  
           &#123;            
			 hide_spot_marker&#40;id&#41;;
           &#125; 	   
	    &#125;

 
&#125;;


tree2 = new dhtmlXTreeObject&#40;"treeboxbox_tree2", "100%", "100%", 0&#41;; 
tree2.setSkin&#40;'dhx_skyblue'&#41;;
tree2.setImagePath&#40;"codebase/imgs/csh_bluebooks/"&#41;;
tree2.enableCheckBoxes&#40;1&#41;;
tree2.enableThreeStateCheckboxes&#40;true&#41;;

tree2.setOnCheckHandler&#40;toncheck&#41;;




tree2.loadXML&#40;"load_tree.php"&#41;;</script>
  
  
  <script src="elabel.js" type="text/javascript"></script>
  <script type="text/javascript">
    //<!&#91;CDATA&#91;
    
    if &#40;GBrowserIsCompatible&#40;&#41;&#41; &#123;


      map.setCenter&#40;new GLatLng&#40;&#41;,11&#41;;
	   geocoder = new GClientGeocoder&#40;&#41;;
      map.addOverlay&#40;marker&#41;;
      map.setMapType&#40;G_HYBRID_MAP&#41;;
      map.setUIToDefault&#40;&#41;;
    </script>
 
</body>
</html>
kai se v3

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


<html>
  <head>
 
    <body>

    <script src="https&#58;//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=weather"></script>
    <script>
     
        
       <!--<script src="http&#58;//gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js"></script> -->

  <!-- edw periexontai oi sinartiseis pou xrisimopoiw -->
<script src="marker_functions3.js"></script>

   </head>

<body onload='load_all_markers&#40;"fortwse_all_markers.php"&#41;; hide_all_markers&#40;&#41;;' 

<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxtree.css">
<script  src="codebase/dhtmlxcommon.js"></script>
<script  src="codebase/dhtmlxtree.js"></script>
<table style="border-collapse&#58; collapse; border-style&#58; double; border-width&#58; 4; padding&#58; 0" bordercolor="#5167a1" cellpadding="0" cellspacing="0">
    <tr>
        <td valign="top">
        
        <div id="treeboxbox_tree2" style="width&#58;240px; height&#58;590px; overflow&#58;scroll; "></div>
                          
        </td>
        
        <td valign="top">
        
            <div id="map-canvas" style="height&#58; 590px; width&#58; 1020px;"> </div>      
                   
        </td>
           
    </tr>
</table>  


  
  <div align="right">
    <div align="right">
      <script>

function toncheck&#40;id,state&#41; &#123;
 
   var rootsAr = tree2.getSubItems&#40;0&#41;.split&#40;","&#41;;
   var einai_parent=0;
    
   for &#40;var i = 0; i < rootsAr.length; i++&#41; &#123;
     
	   if &#40;id==rootsAr&#91;i&#93;&#41; &#123;  
	   
	    einai_parent=1;
		 
	   &#125;
   &#125;	   
	   
	 if &#40;einai_parent==1&#41; &#123;  
		
		   if &#40;state ==1&#41; &#123;   	 	
		      show_category_markers&#40;"vres_nodes.php?q=" + id + "&sid=" + Math.random&#40;&#41;,id&#41;;
			 
		   &#125;
		  
		   else		  
		   &#123;		      
			  hide_category_markers&#40;"vres_nodes.php?q=" + id + "&sid=" + Math.random&#40;&#41;,id&#41;; //hide_spot_marker&#40;id&#41;;		  
		   &#125;
			   
	   &#125;		
    
	   else 
	   
	   &#123;
	
	       if &#40;state ==1&#41; &#123;           
			  show_spot_marker&#40;id&#41;;
			           
		   &#125; 
 
           else  
           &#123;            
			 hide_spot_marker&#40;id&#41;;
           &#125; 	   
	    &#125;

 
&#125;;


tree2 = new dhtmlXTreeObject&#40;"treeboxbox_tree2", "100%", "100%", 0&#41;; 
tree2.setSkin&#40;'dhx_skyblue'&#41;;
tree2.setImagePath&#40;"codebase/imgs/csh_bluebooks/"&#41;;
tree2.enableCheckBoxes&#40;1&#41;;
tree2.enableThreeStateCheckboxes&#40;true&#41;;

tree2.setOnCheckHandler&#40;toncheck&#41;;


 tree2.loadXML&#40;"load_tree.php"&#41;;</script>
    <style type="text/css">
      html, body, #map-canvas\ &#123; height&#58; 100%; margin&#58; 0; &#125;
    </style>
    <script type="text/javascript">
      var map;
      function initialize&#40;&#41; &#123;
        var mapOptions = &#123;
		  zoom&#58; 11,
          center&#58; new google.maps.LatLng&#40;38,20&#41;,
		  mapTypeId&#58; google.maps.MapTypeId.HYBRID
        &#125;;
        map = new google.maps.Map&#40;document.getElementById&#40;'map-canvas'&#41;,
            mapOptions&#41;;
			
			 var weatherLayer = new google.maps.weather.WeatherLayer&#40;&#123;
          temperatureUnits&#58; google.maps.weather.TemperatureUnit.CELSIUS
        &#125;&#41;;
        weatherLayer.setMap&#40;map&#41;;

        var cloudLayer = new google.maps.weather.CloudLayer&#40;&#41;;
        cloudLayer.setMap&#40;map&#41;;
      &#125;

      google.maps.event.addDomListener&#40;window, 'load', initialize&#41;;
     
    </script>
 

  
    <div id="map-canvas"></div>
  </body>
</html>
κάποια ιδέα για το τι παίζει κ δεν εμφανίζει τα σημεία?

Άβαταρ μέλους
tattooiv
Δημοσιεύσεις: 104
Εγγραφή: 19 Δεκ 2009 01:00

Google Maps V3 | 3ο, Multiple Markers

Δημοσίευση από tattooiv » 05 Απρ 2013 21:50

Καλησπέρα,
μετα απο αρκετό διάβασμα στα tutorial του Fafo και πολλά παραδείγματα κατάφερα και δημιουργησα 2 χάρτες έτσι ακριβώς όπως τους ήθελα. Στην αρχη με την Version 2, και επειτα με την version 3. Έβαλα τους χαρτες μεσα στην ιστοσελίδα που δημιουργησα, όλη με κώδικα στο χερι και μεχρι τωρα όλα δούλευαν αψογα. Ηρθε όμως η στιγμή που θέλησα να τροποποιήσω την ιστοσελίδα και να την ξαναδημιουργήσω με την βοήθεια του Wordpress. Αφού έστησα πάλι όλη την ιστοσελίδα εχω παρατηρησει καποιο πρόβλημα στο loading στις σελίδες με τους χαρτες. (στην ιστοσελίδα που ειχα κανει στο χερι δεν ειχα τετοιο πρόβλημα). Λοιπόν, ο πρώτος χαρτη εχει πανω καποια checkboxes και επιλέγοντας τα εμφανίζονται τα markers στον χαρτη. Υπάρχουν συνολικα 120 markers, και δουλευω με XML αρχειο, διαφορετικα markers και custom infowindows. Αυτος ο χαρτης κανει 4sec να φορτώση και μετα ολα καλα. Ο δεύτερος χαρτης εχει τα ιδια με την διαφορα οτι υπαρχουν 700 markers και υπάρχει και ενα slidebar κατω απο τον χάρτη. Αυτος ο χάρτης δεν ανοιγει με τιποτα, κολαει ο firefox και μου πεταει σφαλμα... Δοκιμασα να κανω Markers Cluster στον πρώτο χάρτη αλλα οταν φορτώνει τον χαρτη εμφανιζονται και τα συγκετροτικα markers χωρις να εχω πατησει καποιο checkbox. Οι χάρτες οταν φορτώνουν ειναι κενοι. Υπάρχει καποια λύση χωρις να χρειαστει να αλλαξω μεγαλο κομματι απο τον κώδικα??? πχ να συνεχισω με XML αρχειο. Επισης δεν με πειραζει να αργει να φορτώση η σελίδα, απλα να μην πεταει σφαλμα και κολλαει. Δηλαδη μπορώ να βάλω καποιο loading??? δεν ξερω πως δουλευει το loading... ευχαριστω!
Συνημμένα
Νέα εικόνα bitmap (2).bmp

Απάντηση

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

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

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