httemplate/view/map.html

   1 %# the actual page
   2 <& /elements/header-popup.html, {
   3      title => '',#$name,
   4      head  => include('.head'),
   5      etc   => 'onload="initialize()"',
   6      nobr  => 1,
   7    }
   8 &>
   9
  10 <div id="map_canvas"></div>
  11
  12 <%def .head>
  13 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  14
  15 <style type="text/css">
  16 html { height: 100% }
  17
  18 body { height: 100%; margin: 0px; padding: 0px }
  19
  20 #map_canvas { height: 100%; }
  21
  22 @media print { #map_canvas { height: 500px; margin: 0; } }
  23 </style>
  24
  25 <script type="text/javascript"
  26 src="https://maps.google.com/maps/api/js?v=3.4&sensor=false">
  27 </script>
  28
  29 <script type="text/javascript">
  30 var lengthLine=0;
  31 var map;
  32
  33 function initialize() {
  34   var latlng = new google.maps.LatLng(<%$lat%>, <%$lon%>);
  35   var myOptions = {
  36     center: latlng,
  37     zoom: 14,
  38     rotateControl: true,
  39     mapTypeId: google.maps.MapTypeId.ROADMAP
  40   };
  41
  42   map = new google.maps.Map(
  43     document.getElementById("map_canvas"),
  44     myOptions
  45   );
  46   map.setOptions( {rotateControl : true });
  47
  48   var markerOptions = {
  49     map: map,
  50     position: latlng,
  51     title: <%$name |js_string%>
  52   };
  53   var marker = new google.maps.Marker(markerOptions);
  54 }
  55 </script>
  56 </%def>
  57 <%shared>
  58 my ($lat, $lon, $name);
  59 </%shared>
  60 <%init>
  61
  62 $name = $cgi->param('name');
  63
  64 $lat = $cgi->param('lat');
  65 $lon = $cgi->param('lon');
  66 $lat =~ /^-?\d+(\.\d+)?$/ or die "bad latitude: $lat";
  67 $lon =~ /^-?\d+(\.\d+)?$/ or die "bad longitude: $lat";
  68
  69 </%init>