Πως μπορώ να κάνω echo μια php variable μέσα σε έναν χάρτη Google Maps ;

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

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

Απάντηση
ManosApp
Δημοσιεύσεις: 48
Εγγραφή: 19 Ιούλ 2013 22:34

Πως μπορώ να κάνω echo μια php variable μέσα σε έναν χάρτη Google Maps ;

Δημοσίευση από ManosApp » 19 Ιούλ 2013 22:42

Έχω μια απορία, πως μπορώ να κάνω echο μια php μεταβλητή στο infowindow ενός χάρτη Google Maps ;

Ας πάρουμε για παράδειγμα ένα χάρτη σαν και τον παρακάτω τον οποίο δανείζομαι απο το θέμα http://www.freestuff.gr/forums/viewtopic.php?t=65178 :

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

<!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>
Αν θέλω να κάνω echo π.χ τη μεταβλητή $user_address μέσα στο :

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

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>';
Δηλαδή κάπως έτσι :

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

boxText.innerHTML =''<div style='width&#58;auto;text-align&#58;center;'>&#91;b&#93;<?php echo $user_address ?>&#91;/b&#93;</div>"
Τότε πως μπορώ να το κάνω αυτό γιατί όπως το δοκιμάζω δεν εμφανίζει τίποτα, ποιός ο τρόπος ;

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

Πως μπορώ να κάνω echo μια php variable μέσα σε έναν χάρτη Google Maps ;

Δημοσίευση από dva_dev » 19 Ιούλ 2013 22:52

αντί γι αυτό

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

boxText.innerHTML =''<div style='width&#58;auto;text-align&#58;center;'>&#91;b&#93;<?php echo $user_address ?>&#91;/b&#93;</div>"
δοκίμασε αυτό

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

boxText.innerHTML ="<div style='width&#58;auto;text-align&#58;center;'>&#91;b&#93;<?php echo $user_address ?>&#91;/b&#93;</div>";

ManosApp
Δημοσιεύσεις: 48
Εγγραφή: 19 Ιούλ 2013 22:34

Πως μπορώ να κάνω echo μια php variable μέσα σε έναν χάρτη Google Maps ;

Δημοσίευση από ManosApp » 20 Ιούλ 2013 00:37

Σε ευχαριστώ πολύ ήταν οι γραμμές τελικά :oops:

Απάντηση

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

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

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