HTML變量中的空格停止工作的谷歌地圖

Question

我使用谷歌地圖與CMS的地圖。當我在下面添加html行（從底部起第三行）時，我的地圖無法初始化。

function addMarkerHotel(latlng, myTitle, html) { 
     markers.push(new google.maps.Marker({ 
      position: latlng, 
      map: map, 
      title: myTitle, 
      html: '<?php print render($content["view-cont"]); ?>',  
      })); 
    } 

如果我去查看源代碼，並期待在由PHP打印的HTML，這是我可以看到有換行，並在其輸出其他空白：

function addMarkerHotel(latlng, myTitle, html) { 
     markers.push(new google.maps.Marker({ 
      position: latlng, 
      map: map, 
      title: myTitle, 
      html: '<div> 
          <span> 
            some stuff 
          </span> 
          </div>',   
      })); 
    } 

如果我刪除了這空白，並將其添加爲純HTML然後在地圖正常工作：

function addMarkerHotel(latlng, myTitle, html) { 
     markers.push(new google.maps.Marker({ 
      position: latlng, 
      map: map, 
      title: myTitle, 
      html: '<div><span>some stuff</span></div>',   
      })); 
    } 

所以，似乎谷歌地圖的JavaScript不能處理的CMS與PHP產生的空白。我不能改變CMSs的輸出，所以我怎樣才能讓谷歌地圖容忍/忽略空白？

Answer 1

這不是谷歌地圖，不會容忍它。這是JavaScript引擎在新行中斷開並且不會接受你的字符串有一個未轉義的字符串。

簡單的解決方案：

function addMarkerHotel(latlng, myTitle, html) { 
    markers.push(new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     title: myTitle, 
     html: <?php print json_encode(render($content["view-cont"])); ?>;, 
     })); 
} 

所有這一切確實是改變PHP字符串轉換成一個完全逃脫的JavaScript。