προβλημα με Sidebar σε google map V3

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

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

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

προβλημα με Sidebar σε google map V3

Δημοσίευση από fafos » 12 Φεβ 2012 22:43

anvc έγραψε:Μπορεις να με βοηθησεις για το πως θα κανω το χαρτη να κεντραρει σε συγκεκριμενη περιοχη; Δηλαδη επιλεγοντας απο το selectbox "Θεσσαλονικη" να τη δειχνει; Εχει καμια σχεση με το center; Πως θα δωσω center για την καθε πολη;

Ευχαριστω πολυ!
to paradeigma pou sou edosa pou kentrarei? sthn kalamata?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

anvc
Δημοσιεύσεις: 25
Εγγραφή: 21 Σεπ 2007 18:12

προβλημα με Sidebar σε google map V3

Δημοσίευση από anvc » 12 Φεβ 2012 23:39

Καλο το παραδειγμα σου, αλλα δε θελω να κεντραρει πανω σε καποιο marker οταν επιλεγω πολη, αλλα γενικα πανω απο την πολη... αρα να μην εμφανιζεται και καποιο infowindow.

Υ.Γ Βασικα εγω τα markers μου τα εχω βαλει πανω σε διευθυνσεις, οχι σε καθε πολη οπως τα εχεις εσυ στο παραδειγμα... γι'αυτο μαλλον δε με καταλαβες. Σ'αυτο που φτιαχνω, εχω πολλα marker μεσα σε καθε πολη και θελω να με πηγαινει σε καποια περιοχη.

gvatos
Δημοσιεύσεις: 13
Εγγραφή: 24 Μαρ 2012 23:09
Επικοινωνία:

προβλημα με Sidebar σε google map V3

Δημοσίευση από gvatos » 24 Μαρ 2012 23:35

Καλησπέρα παιδιά,

Έχω βάλει τον παρακάτω κώδικα και θέλω όταν κάνει πατάει ο χρήστης στο sidebar να ζουμάρει και να κεντράρει στο συγκεκριμένο marker. Συνολικά φορτώνει 4 markers και το 2ο δεν το κεντράρει με τίποτα όταν το zoom είναι κάτω από 16.

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

<script type="text/javascript"> 
	
	
	
	var infowindow; 
	var map; 
	var side_bar_html = "";
	var markersArray = &#91;&#93;;
	var bounds = new google.maps.LatLngBounds&#40;&#41;; 
	function initialize&#40;&#41; &#123; 
		var myLatlng = new google.maps.LatLng&#40;37.97219071239462, 23.72617360000004&#41;; 
		var myOptions = &#123; 
		zoom&#58; 12, 
		center&#58; myLatlng, 
		mapTypeId&#58; google.maps.MapTypeId.ROADMAP 
		&#125; 
		map = new google.maps.Map&#40;document.getElementById&#40;"googleMapsArea"&#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 infowindowContent = '<div><h4>'+markers&#91;i&#93;.getAttribute&#40;"name"&#41;+'</h4></div><div>'+markers&#91;i&#93;.getAttribute&#40;"area"&#41;+'</div><div>Country&#58; '+markers&#91;i&#93;.getAttribute&#40;"country"&#41;+'</div><div><a href="cavedetails.php?id='+ markers&#91;i&#93;.getAttribute&#40;"id"&#41; +'">Read more...</a></div>'; 
				var marker = createMarker&#40;infowindowContent, latlng&#41;; 
				markersArray.push&#40;marker&#41;;
				side_bar_html += '<li class="caveItem" x='+ markers&#91;i&#93;.getAttribute&#40;"lat"&#41; +' y='+ markers&#91;i&#93;.getAttribute&#40;"lng"&#41; +'><a href="javascript&#58;myclick&#40;' + i + '&#41;">' + markers&#91;i&#93;.getAttribute&#40;"name"&#41; + '</a>';
				document.getElementById&#40;"side_bar"&#41;.innerHTML = side_bar_html;
				bounds.extend&#40;latlng&#41;;
				&#125; 
	
			map.fitBounds&#40;bounds&#41;;    
		&#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;; 
		//bounds.extend&#40;latlng&#41;; 
		return marker;
	&#125;

function myclick&#40;i&#41; &#123;
	google.maps.event.trigger&#40;markersArray&#91;i&#93;, "click"&#41;;
	map.setZoom&#40;15&#41;;
&#125;
google.maps.event.addDomListener&#40;window, 'load', initialize&#41;;
</script>

gvatos
Δημοσιεύσεις: 13
Εγγραφή: 24 Μαρ 2012 23:09
Επικοινωνία:

προβλημα με Sidebar σε google map V3

Δημοσίευση από gvatos » 26 Μαρ 2012 14:28

Επίσης θα ήθελα όταν κάνει κάποιος κλικ σε ένα marker στον χάρτη... να προσθέτει μια κλάση selected στο συγκεκριμένο li του marker στην sidebar. Μπορεί να βοηθήσει κάποιος please??

Απάντηση

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

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

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