Echo-Stile in das Mashup einer Google-Karte und benutzerdefinierter Wordpress-Felder

Question

Mit wordpress, ich bin in einem benutzerdefinierten Felder aus bestimmten Beiträgen ziehen, um in den Inhalt für eine Google generierte Karte zu füllen. Ich verwende diesen Code

  var point = new GLatLng(48.5139,-123.150531);
  var marker = createMarker(point,"Lime Kiln State Park", 
    '<?php $post_id = 182;
$my_post = get_post($post_id);
$title = $my_post->post_title;
$snip = get_post_meta($post_id, 'mapExcerpt', true);
echo $title;
echo $snip;
?>')
      map.addOverlay(marker);

Ich versuche, CSS-Stilblöcke mit Echo zu versehen, aber das verursacht einen Javascript-Fehler

  var point = new GLatLng(48.5139,-123.150531);
  var marker = createMarker(point,"Lime Kiln State Park", 
    '<?php $post_id = 182;
$my_post = get_post($post_id);
$title = $my_post->post_title;
$snip = get_post_meta($post_id, 'mapExcerpt', true);
echo "<div class='theTitle'>";
echo $title;
echo "</div>";
echo $snip;
?>')
      map.addOverlay(marker);

Ich erhalte die Fehlermeldung

missing ) after argument list

und die Ausgabe lautet

     var point = new GLatLng(48.5139,-123.150531);
  var marker = createMarker(point,"Lime Kiln State Park",
   '<div class='theTitle'>Site Title</div>Site excerpt')
   map.addOverlay(marker); 

Kann mir bitte jemand eine elegantere (funktionierende) Lösung für dieses Problem zeigen?

Answer 1

Der Code, den Sie generieren, hat uneingeschriebene einfache Anführungszeichen innerhalb der einfachen Anführungszeichen, die in createMarker .

Sie müssen sich ändern:

echo "<div class='theTitle'>";

zu:

echo "<div class=\"theTitle\">";

Die Ausgabe wird also sein:

var point = new GLatLng(48.5139,-123.150531);
var marker = createMarker(point,"Lime Kiln State Park",
   '<div class="theTitle">Site Title</div>Site excerpt')
map.addOverlay(marker);