Google Maps κάνω τα πάντα αλλά δεν μπορώ να εξαφανίσω τα scrollbars του div...

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

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

Απάντηση
marinaki2004
Δημοσιεύσεις: 2
Εγγραφή: 29 Μαρ 2013 03:05

Google Maps κάνω τα πάντα αλλά δεν μπορώ να εξαφανίσω τα scrollbars του div...

Δημοσίευση από marinaki2004 » 29 Μαρ 2013 03:32

Δοκίμασα με τις δικές μου γνώσεις πραγματικά όσο μπορούσα αλλά δεν μπόρεσα να εξαφανίσω τα scrollbars του div στο χάρτη μου... τι φταίει ; Θα ήθελα να μην εμφανίζονται στο div τα scrollbars πως θα το καταφέρω ;

Δείτε το scollbar που βγαίνει στα δεξιά

Εικόνα

Ο κώδικας μου είναι αυτός

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

<html>
<head>
<script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script>  

</head>
<body>
<div id="map" style="height&#58; 300px; width&#58; 400px;"></div>
   <script type="text/javascript">
/* <!&#91;CDATA&#91; */
 function initialize&#40;&#41; &#123;
  var myLatlng = new google.maps.LatLng&#40;38.37098,26.13635&#41;;
  var myOptions = &#123;
    zoom&#58; 10,
    center&#58; myLatlng,
    mapTypeId&#58; google.maps.MapTypeId.HYBRID,
    scrollwheel&#58; false,
    navigationControl&#58; true,
    mapTypeControl&#58; true,
    scaleControl&#58; true,
    draggable&#58; true
  &#125;
 var map = new google.maps.Map&#40;document.getElementById&#40;"map"&#41;, myOptions&#41;;

var contentString = 'Marina';


var infowindow = new google.maps.InfoWindow&#40;&#123;
    content&#58; contentString
&#125;&#41;;  
  var infowindow = new google.maps.InfoWindow&#40;&#123; content&#58; '<div style="height&#58;auto;width&#58;auto;text-align&#58;center;"><b style="color&#58; #000000;">MARINA</b><br /><img src="/images/marina_rent_a_car.png" alt="Santa Marina" title="Santa Marina" /><br /><b style="font-weight&#58; normal; font-size&#58; 9px; color&#58; red">Chios<br />Best prices</b></div>'&#125;&#41;;
  
 var marker = new google.maps.Marker&#40;&#123;
      position&#58; myLatlng,
      title&#58;"Marina Rent a Car"
  &#125;&#41;;
  
  marker.setMap&#40;map&#41;; 
  
google.maps.event.addListener&#40;marker, 'click', function&#40;&#41; &#123;
  infowindow.open&#40;map,marker&#41;;
&#125;&#41;;  
&#125;
  google.maps.event.addDomListener&#40;window, 'load', initialize&#41;;
/* &#93;&#93;> */
</script>
</body>
</html>
Βασικά θα ήθελα και να μάθω τι κάνω λάθος και δεν μπορώ να εξαφανίσω το scrollbar ;
Συνημμένα
marina_rent_a_car.png
Αυτή είναι η εικόνα που προσπαθώ να βάλω στο div
marina_rent_a_car.png (10.37 KiB) Προβλήθηκε 1215 φορές

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

Google Maps κάνω τα πάντα αλλά δεν μπορώ να εξαφανίσω τα scrollbars του div...

Δημοσίευση από fafos » 29 Μαρ 2013 05:18

Otan xrhsimopoieis to default infowindow, auto prosarmozetai analoga me to mhkos kai to ypsos tou xarth.. an megaloseis to ypsos tou xarth (p.x. 500px) tha exafanistei to scrollbar..

an prepei na xrhsimopoihseis xarth me autes tis diastaseis, mporeis na dhmiourghseis ena custom infowindow me to infobox:

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

<!DOCTYPE html>
<html>
<head><script type="text/javascript" src="http&#58;//maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="http&#58;//google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
</head>
<body>
<div id="map" style="height&#58; 300px; width&#58; 400px;"></div>
   <script type="text/javascript">
function initialize&#40;&#41; &#123;
	var myLatlng = new google.maps.LatLng&#40;38.37098, 26.13635&#41;;
	var myOptions = &#123;
		zoom &#58; 10,
		center &#58; myLatlng,
		mapTypeId &#58; google.maps.MapTypeId.HYBRID,
		scrollwheel &#58; false,
		navigationControl &#58; true,
		mapTypeControl &#58; true,
		scaleControl &#58; true,
		draggable &#58; true

	&#125;
	var map = new google.maps.Map&#40;document.getElementById&#40;"map"&#41;, myOptions&#41;;

	var contentString = 'Marina';
	var boxText = document.createElement&#40;"div"&#41;;

	boxText.style.cssText = "border&#58; 1px solid black; margin-top&#58; 8px; background&#58; white; padding&#58; 5px;";

	boxText.innerHTML = '<div style="width&#58;auto;text-align&#58;center;"><b style="color&#58; #000000;">MARINA</b><br /><img src="http&#58;//files.freestuff.gr/200501/marina_rent_a_car_175.png" alt="Santa Marina" title="Santa Marina" /><br /><b style="font-weight&#58; normal; font-size&#58; 9px; color&#58; red">Chios<br />Best prices</b></div>';

	var boxOptions = &#123;
		content &#58; boxText,
		disableAutoPan &#58; false,
		maxWidth &#58; 0,
		pixelOffset &#58; new google.maps.Size&#40;-140, -200&#41;,
		zIndex &#58; null,
		boxStyle &#58; &#123;
			background &#58; "",
			opacity &#58; 1,
			width &#58; "280px"
		&#125;,
		closeBoxMargin &#58; "10px 2px 2px 2px",
		closeBoxURL &#58; "http&#58;//www.google.com/intl/en_us/mapfiles/close.gif",
		infoBoxClearance &#58; new google.maps.Size&#40;1, 1&#41;,
		isHidden &#58; false,
		pane &#58; "floatPane",
		enableEventPropagation &#58; false
	&#125;;

	var infowindow = new google.maps.InfoWindow&#40;&#123;
			content &#58; contentString
		&#125;&#41;;

	var marker = new google.maps.Marker&#40;&#123;
			position &#58; myLatlng,
			title &#58; "Marina Rent a Car"
		&#125;&#41;;

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

	google.maps.event.addListener&#40;marker, "click", function &#40;e&#41; &#123;
		ib.open&#40;map, this&#41;;
	&#125;&#41;;

	var ib = new InfoBox&#40;boxOptions&#41;;

&#125;
google.maps.event.addDomListener&#40;window, 'load', initialize&#41;;

</script>
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

marinaki2004
Δημοσιεύσεις: 2
Εγγραφή: 29 Μαρ 2013 03:05

Google Maps κάνω τα πάντα αλλά δεν μπορώ να εξαφανίσω τα scrollbars του div...

Δημοσίευση από marinaki2004 » 29 Μαρ 2013 21:32

Πολύ ωραία σε ευχαριστώ fafe το scrollbar δεν εμφανίζεται αλλά τώρα έχει αλλάξει κάπως το κουτάκι και φαίνεται έτσι...

Εικόνα

ενώ πρίν έμοιαζε έτσι

Εικόνα

χάθηκε δηλαδή το κάτω μέρος σαν χωνάκι που βγαίνει απο το κόκκινο σημάδι στον χάρτη το div

Αυτό με τη λύση που έδωσες δεν μπορεί να υπάρχει ;
Συνημμένα
xonaki.png
Αυτό που αποκαλώ χωνάκι

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

Google Maps κάνω τα πάντα αλλά δεν μπορώ να εξαφανίσω τα scrollbars του div...

Δημοσίευση από fafos » 29 Μαρ 2013 22:02

auto einai custom infowindow me aplh html kai css... an gnorizeis apo auta mporeis na valeis oti deikth thes opos auto to paradeigma: http://gmaps-samples-v3.googlecode.com/ ... ustom.html
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

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

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