app/views/user/_friend_map.html.erb

   1 <% nearest_str = "" %>
   2 <% if !@user.home_lat.nil? and !@user.home_lon.nil? %>
   3   <% if !@user.nearby.empty? %>
   4     <% @user.nearby.each do |nearby| %>
   5     <% nearest_str += "nearest.push( { 'display_name' : '#{escape_javascript(nearby.display_name)}', 'home_lat' : #{nearby.home_lat}, 'home_lon' : #{nearby.home_lon} } );\n" %>
   6     <% end %>
   7   <% end %>
   8 <% end %>
   9 <script type="text/javascript">
  10     var nearest = [], friends = [];
  11     <%= nearest_str %>
  12 </script>
  13
  14 <% if @user.home_lat.nil? or @user.home_lon.nil? %>
  15   <% lon = h(params['lon'] || '-0.1') %>
  16   <% lat = h(params['lat'] || '51.5') %>
  17   <% zoom = h(params['zoom'] || '4') %>
  18 <% else %>
  19   <% marker = true %>
  20   <% mlon = @user.home_lon %>
  21   <% mlat = @user.home_lat %>
  22   <% lon =  @user.home_lon %>
  23   <% lat =  @user.home_lat %>
  24   <% zoom =  '12' %>
  25 <% end %>
  26
  27 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
  28 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
  29 <%= javascript_include_tag 'map.js' %>
  30
  31 <script type="text/javascript">
  32   <!--
  33   var marker;
  34
  35   OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
  36
  37   function init(){
  38     var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
  39     var zoom = <%= zoom %>;
  40
  41     <% if params['scale'] and params['scale'].length > 0 then %>
  42     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
  43     <% end %>
  44
  45     var map = createMap("map");
  46
  47     setMapCenter(centre, zoom);
  48
  49     <% if marker %>
  50     marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>), null, "<%= t 'user.friend_map.your location' %>");
  51     <% end %>
  52
  53     var near_icon = OpenLayers.Marker.defaultIcon();
  54     near_icon.url = OpenLayers.Util.getImagesLocation() + "marker-green.png";;
  55     var i = nearest.length;
  56     while( i-- ) {
  57       var description = i18n('<%= t 'user.friend_map.nearby mapper'%>', { nearby_user: '<a href="/user/'+nearest[i].display_name+'">'+nearest[i].display_name+'</a>' });
  58       var nearmarker = addMarkerToMap(new OpenLayers.LonLat(nearest[i].home_lon, nearest[i].home_lat), near_icon.clone(), description);
  59     }
  60
  61     if (document.getElementById('updatehome')) {
  62       map.events.register("click", map, setHome);
  63     }
  64   }
  65
  66   function setHome( e ) {
  67     closeMapPopup();
  68
  69     if (document.getElementById('updatehome').checked) {
  70       var lonlat = getEventPosition(e);
  71
  72       document.getElementById('homerow').className = '';
  73       document.getElementById('home_lat').value = lonlat.lat;
  74       document.getElementById('home_lon').value = lonlat.lon;
  75
  76       if (marker) {
  77         removeMarkerFromMap(marker);
  78       }
  79
  80       marker = addMarkerToMap(lonlat, null, "<%= t 'user.friend_map.your location' %>");
  81     }
  82   }
  83
  84   window.onload = init;
  85 // -->
  86 </script>
  87
  88