0

在我的 Rails 项目中，我在 Google 地图中的以下代码是：

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,

等等等等……

问题在于：

(<%= @user.lat %>, <%= @user.lng %>);

如何将 <%= @user.lat %> 和 <%= @user.lng %> 转换为字符串，以便 javascript 或 jquery 可以理解？

由于 ajax 的原因，我不能把这段代码放在脚本标签之间。我需要把它变成一个 jquery 函数，将值 <%= @user.lat %> 和 <%= @user.lng %> 分配给 jquery 可以理解的东西。

<script type="text/javascript">
  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();
  });

</script>
4

1 回答 1

1

如果它们是 double 或 int，则不需要，您可以逐字呈现它们。如果它真的是一个字符串，并且你在js中需要一个字符串，只需在其中加上引号即可：

var currentlatlng = new google.maps.LatLng("<%= @user.lat %>", "<%= @user.lng %>");

编辑：根据评论：

var map_latitude = <%= at_user.lat %>;
var map_longitude = <%= at_user.lng %>;
于 2013-04-22T19:18:35.677 回答