PHP，Javascript和Twig Temaples

Question

我有这段代码可以在Google地图上显示点，但是当我将信息从PHP传递到Twig模板时，这些点还是无法发挥作用。 但是，它可以直接在javascript中与数组一起工作。 请可以在某处省掉我的头发拉扯并帮助我。

PHP代码：

// Create a list of items return from SQL
foreach ($mapdetails as $mapdetail){
if($locations!='') $locations.=','; 
$locations.='[
"'.$mapdetail['venue'].'"
,"'.$mapdetail['lat'].'"
,"'.$mapdetail['lng'].'"
]';    
}

// set template variables & render template
echo $template->render(array (
'pageTitle' => 'Map Locations',
'locations' => $locations
));

echo $ locations返回以下内容：[“ Venue 1”，“ 53.301624”，“-1.923434”]，[“ Venue 2”，“ 53.160526”，“-1.996968”]

JAVASCRIPT片段：

当我在模板中使用此行时，它不起作用

var all = '[{{locations|json_encode()|raw}}]';

当我使用此行时，它确实起作用

var all =  [[ "Venue 1" ,"53.301624" ,"-1.923434" ],[ "Venue 2","53.160526" ,"-1.996968"]];

完整的脚本

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>

    <script>
        // Set the Map variable
        var map;

        function initialize(){ 
            var myOptions ={
              zoom: 9,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };

这不起作用用以下行替换时，它会起作用

var all = '[{{locations|json_encode()|raw}}]';

这是可行的

var all =  [[ "Venue 1" ,"53.301624" ,"-1.923434" ],[ "Venue 2","53.160526" ,"-1.996968"]];

console.log(all);

        var infoWindow = new google.maps.InfoWindow;
        map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

        // Set the center of the map
        var pos = new google.maps.LatLng(53.25,-1.91);
        map.setCenter(pos);

        function infoCallback(infowindow, marker) { 
            return function() {
            infowindow.open(map, marker);
        };
   }      
   function setMarkers(map, all) {  
    for (var i in all) {                    
            var venue  = all[i][0];
            var lat   = all[i][1];
            var lng   = all[i][2];
            var latlngset;

            latlngset = new google.maps.LatLng(lat, lng);

            console.log(venue);
            console.log(lat);


            var marker = new google.maps.Marker({  
              map: map,  title: city,  position: latlngset  
            });
            var content = '';       

            var infowindow = new google.maps.InfoWindow();

              infowindow.setContent(content);

              google.maps.event.addListener(
                marker, 
                'click', 
                infoCallback(infowindow, marker)
              );
          }
        }     
        // Set all markers in the all variable
        setMarkers(map, all);
      };
      // Initializes the Google Map
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas" style="height: 500px; width: 800px;"></div>
  </body>
</html>

任何帮助请...

Answer 1

问题在于您正在创建一个PHP字符串：

'[ "Venue 1","53.301624" ,"-1.923434" ],[ "Venue 2" ,"53.160526" ,"-1.996968" ]'

您是json_encoding（带有引号和要引导的内容）：

var all = '[{{locations|json_encode()|raw}}]';

结果是这样的，这是一个混乱的Javascript字符串，而不是对象：

var all = '["[ \"Venue 1\",\"53.301624\"..."]';

那离您想要的还很遥远。 您只想拥有一个PHP数组 ，然后使用json_encode：

$locations = array_map(function (array $mapdetail) {
    return array($mapdetail['venue'], $mapdetail['lat'], $mapdetail['lng']);
}, $mapdetails);

在模板中：

var all = {{ locations|json_encode|raw }};

结果如下：

var all = [["Venue 1","53.301624","-1.923434" ],["Venue 2","53.160526","-1.996968"]];

这是一个Javascript数组数组。 就这么简单。

PHP，Javascript和Twig Temaples

问题描述

1 个解决方案

解决方案1
2 2014-07-07 10:54:14

PHP，Javascript和Twig Temaples

问题描述

1 个解决方案

解决方案1 2 2014-07-07 10:54:14

解决方案1
2 2014-07-07 10:54:14