app/views/user/_friend_map.rhtml

   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' : '#{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   function init(){
  36     var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
  37     var zoom = <%= zoom %>;
  38
  39     <% if params['scale'] and params['scale'].length > 0 then %>
  40     zoom = scaleToZoom(<%= params['scale'].to_f() %>);
  41     <% end %>
  42
  43     var map = createMap("map");
  44
  45     setMapCenter(centre, zoom);
  46
  47     <% if marker %>
  48     marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>), null, "Your location");
  49     <% end %>
  50
  51     var near_icon = OpenLayers.Marker.defaultIcon();
  52     near_icon.url = OpenLayers.Util.getImagesLocation() + "marker-green.png";;
  53     var i = nearest.length;
  54     while( i-- ) {
  55       var description = 'Nearby mapper: <a href="/user/'+nearest[i].display_name+'">'+nearest[i].display_name+'</a>'
  56       var nearmarker = addMarkerToMap(new OpenLayers.LonLat(nearest[i].home_lon, nearest[i].home_lat), near_icon.clone(), description);
  57     }
  58
  59     if (document.getElementById('updatehome')) {
  60       map.events.register("click", map, setHome);
  61     }
  62   }
  63
  64   function setHome( e ) {
  65     closeMapPopup();
  66
  67     if (document.getElementById('updatehome').checked) {
  68       var lonlat = getEventPosition(e);
  69
  70       document.getElementById('homerow').className = '';
  71       document.getElementById('home_lat').value = lonlat.lat;
  72       document.getElementById('home_lon').value = lonlat.lon;
  73
  74       if (marker) {
  75         removeMarkerFromMap(marker);
  76       }
  77
  78       marker = addMarkerToMap(lonlat, null, "Your location");
  79     }
  80   }
  81
  82   window.onload = init;
  83 // -->
  84 </script>
  85
  86