嵌入式红宝石JavaScript字符串问题

我有我的Ruby项目文件夹中的文件scripts.js中 - 资产/ JavaScript的，在我试图呈现一个谷歌地图。我无法让我的JavaScript了解嵌入的ruby标签之间的代码。我应该怎么做？我觉得像类似的scripts.js中的页面的顶部声明的变量会工作，会出现：嵌入式红宝石JavaScript字符串问题

var map_latitude = <%= @user.lat %>; 
var map_longitude = <%= @user.lng %>;

这里是我的代码（问题是，5日线）：

var map; 
    var markers = []; 

    function initialize_google_maps() { 
    var currentlatlng = new google.maps.LatLng(<%= @user.lat %>, <%= @user.lng %>); 
    var zoom = <%= @kms_range %> > 9 ? 9 : 10; 
    var myOptions = { 
     zoom: zoom, 
     center: currentlatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, // ROADMAP, SATELLITE, HYBRID 
     streetViewControl: false 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var marker = new google.maps.Marker({map: map, position: currentlatlng, icon:{oppacity:0}}); 
    map.setCenter(currentlatlng); 
    map.setZoom(zoom); 

    var circle = new google.maps.Circle({ 
     map: map, 
     fillOpacity: 0, 
     strokeWeight: 2, 
     strokeOpacity: 0.7, 
     radius: <%= @kms_range %>*1000, 
    }); 
    circle.bindTo('center', marker, 'position'); 

    } 

    function show_markers() { 
    if (markers) 
     for(i in markers) { 
     markers[i].setMap(map); 
     } 
    } 

    function add_marker(location) { 
    marker = new google.maps.Marker({ 
     position: location, 
     map: map 
    }); 
    markers.push(marker); 
    // markers.setVisible(false); 
    } 

    function initialize_markers() { 
    <% (@reviews || []).each do |r| %> 
     <% next unless r.lat && r.lng %> 
     position = new google.maps.LatLng(<%= r.lat %>, <%= r.lng %>); 
     add_marker(position); 
    <% end %> 
    } 

    $(function() { 
    initialize_google_maps(); 
    initialize_markers(); 
    show_markers(); 
    });

我会很感激任何帮助，谢谢。

来源

2013-05-01 CHarris

var map_latitude = "<%= @user.lat %>"; 
var map_longitude = "<%= @user.lng %>";

看看生成的JavaScript，你可能已经错过了引号。

而且，如果它是一个字符串，你可以做

var map_latitude = <%= p @user.lat %>; 
var map_longitude = <%= p @user.lng %>;

但从来没有看到这个在代码

来源

2013-05-01 14:26:39 fotanus

之前我在哪里声明这些变量？因为如果我把它们放在我的scripts.js中文件的顶部，我的地图仍然不承认红宝石值。在Chrome中，如果我CONSOLE.LOG（map_latitude）我得到返回<％= atuser.lat％>，在那里我应该得到一个动态的纬度值。谢谢。 – CHarris 2013-05-01 14:45:22

的@user变量将需要加载比你javacript首先得到执行，并为@MrYoshiji指出，您的文件必须以'.erb'结束 – fotanus 2013-05-01 15:00:20

嵌入式红宝石JavaScript字符串问题

回答

相关问题