lib/template/details-html.php

   1 <?php
   2         header("content-type: text/html; charset=UTF-8");
   3 ?>
   4 <html>
   5   <head>
   6     <title>OpenStreetMap Nominatim: <?php echo $aPointDetails['localname'];?></title>
   7     <style>
   8 body {
   9         margin:0px;
  10         padding:16px;
  11   background:#ffffff;
  12   height: 100%;
  13   font: normal 12px/15px arial,sans-serif;
  14 }
  15 .line{
  16   margin-left:20px;
  17 }
  18 .name{
  19   font-weight: bold;
  20 }
  21 .notused{
  22   color:#ddd;
  23 }
  24 .noname{
  25   color:#800;
  26 }
  27 #map {
  28   width:500px;
  29   height:500px;
  30   border: 2px solid #666;
  31   float: right;
  32 }
  33     </style>
  34         <script src="js/OpenLayers.js"></script>
  35         <script src="js/OpenStreetMap.js"></script>
  36         <script src="prototype-1.6.0.3.js"></script>
  37         <script type="text/javascript">
  38
  39                 var map;
  40
  41     function init() {
  42                         map = new OpenLayers.Map ("map", {
  43                 controls:[
  44                                                                                 new OpenLayers.Control.Permalink(),
  45                                                                                 new OpenLayers.Control.Navigation(),
  46                                                                                 new OpenLayers.Control.PanZoomBar(),
  47                                                                                 new OpenLayers.Control.MouseDefaults(),
  48                                                                                 new OpenLayers.Control.MousePosition(),
  49                                                                                 new OpenLayers.Control.Attribution()],
  50                 maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
  51                 maxResolution: 156543.0399,
  52                 numZoomLevels: 19,
  53                 units: 'm',
  54                 projection: new OpenLayers.Projection("EPSG:900913"),
  55                 displayProjection: new OpenLayers.Projection("EPSG:4326"),
  56                 } );
  57                         map.addLayer(new OpenLayers.Layer.OSM.Mapnik("Mapnik"));
  58
  59                         var layer_style = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
  60                         layer_style.fillOpacity = 0.2;
  61                         layer_style.graphicOpacity = 0.2;
  62
  63                         vectorLayer = new OpenLayers.Layer.Vector("Points", {style: layer_style});
  64                         map.addLayer(vectorLayer);
  65
  66                         var pointList = [];
  67                         var style = {
  68                                 strokeColor: "#75ADFF",
  69                                 fillColor: "#F0F7FF",
  70                                 strokeWidth: 2,
  71                                 strokeOpacity: 0.75,
  72                                 fillOpacity: 0.75,
  73                         };
  74                         var proj_EPSG4326 = new OpenLayers.Projection("EPSG:4326");
  75                         var proj_map = map.getProjectionObject();
  76                         var latlon;
  77 <?php
  78 foreach($aPolyPoints as $aPolyPoint)
  79 {
  80         echo "                        pointList.push(new OpenLayers.Geometry.Point(".$aPolyPoint[1].",".$aPolyPoint[2]."));\n";
  81 }
  82 ?>
  83                         var linearRing = new OpenLayers.Geometry.LinearRing(pointList).transform(proj_EPSG4326, proj_map);;
  84                         var polygonFeature = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([linearRing]),null,style);
  85                         vectorLayer.addFeatures([polygonFeature]);
  86
  87                         map.zoomToExtent(new OpenLayers.Bounds(<?php echo $aPointPolygon['minlon']?>, <?php echo $aPointPolygon['minlat']?>, <?php echo $aPointPolygon['maxlon']?>, <?php echo $aPointPolygon['maxlat']?>).transform(proj_EPSG4326, proj_map));
  88                 }
  89
  90         </script>
  91   </head>
  92   <body onload="init();">
  93     <div id="map"></div>
  94 <?php
  95         echo '<h1>';
  96         if ($aPointDetails['icon'])
  97         {
  98                 echo '<img style="float:right;margin-right:40px;" src="'.'http://katie.openstreetmap.org/~twain/images/mapicons/'.$aPointDetails['icon'].'.n.32.png'.'">';
  99         }
 100         echo $aPointDetails['localname'].'</h1>';
 101         echo '<div class="locationdetails">';
 102         echo ' <div>Name: ';
 103         foreach($aPointDetails['aNames'] as $sKey => $sValue)
 104         {
 105                 echo ' <div class="line"><span class="name">'.$sValue.'</span> ('.$sKey.')</div>';
 106         }
 107         echo ' </div>';
 108         echo ' <div>Type: <span class="type">'.$aPointDetails['class'].':'.$aPointDetails['type'].'</span></div>';
 109         echo ' <div>Admin Level: <span class="adminlevel">'.$aPointDetails['admin_level'].'</span></div>';
 110         echo ' <div>Rank: <span class="rankaddress">'.$aPointDetails['rank_search_label'].'</span></div>';
 111         echo ' <div>Coverage: <span class="area">'.($aPointDetails['isarea']=='t'?'Polygon':'Point').'</span></div>';
 112         $sOSMType = ($aPointDetails['osm_type'] == 'N'?'node':($aPointDetails['osm_type'] == 'W'?'way':($aPointDetails['osm_type'] == 'R'?'relation':'')));
 113         if ($sOSMType) echo ' <div>OSM: <span class="osm"><span class="label"></span>'.$sOSMType.' <a href="http://www.openstreetmap.org/browse/'.$sOSMType.'/'.$aPointDetails['osm_id'].'">'.$aPointDetails['osm_id'].'</a></span></div>';
 114         echo ' <div>Extra Tags: ';
 115         foreach($aPointDetails['aExtraTags'] as $sKey => $sValue)
 116         {
 117                 echo ' <div class="line"><span class="name">'.$sValue.'</span> ('.$sKey.')</div>';
 118         }
 119         echo ' </div>';
 120         echo '</div>';
 121
 122         echo '<h2>Address</h2>';
 123         echo '<div class=\"address\">';
 124         $iPrevRank = 1000000;
 125         $sPrevLocalName = '';
 126         foreach($aAddressLines as $aAddressLine)
 127         {
 128                 $sOSMType = ($aAddressLine['osm_type'] == 'N'?'node':($aAddressLine['osm_type'] == 'W'?'way':($aAddressLine['osm_type'] == 'R'?'relation':'')));
 129
 130                 echo '<div class="line'.($aAddressLine['isaddress']=='f'?' notused':'').'">';
 131                 if (!($iPrevRank<=$aAddressLine['rank_address'] || $sPrevLocalName == $aAddressLine['localname']))
 132                 {
 133                         $iPrevRank = $aAddressLine['rank_address'];
 134                         $sPrevLocalName = $aAddressLine['localname'];
 135                 }
 136                 echo '<span class="name">'.(trim($aAddressLine['localname'])?$aAddressLine['localname']:'<span class="noname">No Name</span>').'</span>';
 137                 echo ' (';
 138                 echo '<span class="type"><span class="label">Type: </span>'.$aAddressLine['class'].':'.$aAddressLine['type'].'</span>';
 139                 if ($sOSMType) echo ', <span class="osm"><span class="label"></span>'.$sOSMType.' <a href="http://www.openstreetmap.org/browse/'.$sOSMType.'/'.$aAddressLine['osm_id'].'">'.$aAddressLine['osm_id'].'</a></span>';
 140                 echo ', <span class="adminlevel">'.$aAddressLine['admin_level'].'</span>';
 141                 echo ', <span class="rankaddress">'.$aAddressLine['rank_search_label'].'</span>';
 142                 echo ', <span class="area">'.($aAddressLine['fromarea']=='t'?'Polygon':'Point').'</span>';
 143                 echo ', <span class="distance">'.$aAddressLine['distance'].'</span>';
 144                 echo ' <a href="details.php?place_id='.$aAddressLine['place_id'].'">GOTO</a>';
 145                 echo ')';
 146                 echo '</div>';
 147         }
 148         echo '</div>';
 149
 150         if (sizeof($aParentOfLines))
 151         {
 152                 echo '<h2>Parent Of (named features only):</h2>';
 153
 154                 $aGroupedAddressLines = array();
 155                 foreach($aParentOfLines as $aAddressLine)
 156                 {
 157                         if (!isset($aGroupedAddressLines[$aAddressLine['type']])) $aGroupedAddressLines[$aAddressLine['type']] = array();
 158                         $aGroupedAddressLines[$aAddressLine['type']][] = $aAddressLine;
 159                 }
 160                 foreach($aGroupedAddressLines as $sGroupHeading => $aParentOfLines)
 161                 {
 162                         $sGroupHeading = ucwords($sGroupHeading);
 163                         echo "<h3>$sGroupHeading</h3>";
 164                 foreach($aParentOfLines as $aAddressLine)
 165                 {
 166                         $aAddressLine['localname'] = $aAddressLine['localname']?$aAddressLine['localname']:$aAddressLine['housenumber'];
 167                         $sOSMType = ($aAddressLine['osm_type'] == 'N'?'node':($aAddressLine['osm_type'] == 'W'?'way':($aAddressLine['osm_type'] == 'R'?'relation':'')));
 168
 169                         echo '<div class="line">';
 170                         echo '<span class="name">'.(trim($aAddressLine['localname'])?$aAddressLine['localname']:'<span class="noname">No Name</span>').'</span>';
 171                         echo ' (';
 172 //                      echo '<span class="type"><span class="label">Type: </span>'.$aAddressLine['class'].':'.$aAddressLine['type'].'</span>';
 173 //                      echo ', <span class="adminlevel">'.$aAddressLine['admin_level'].'</span>';
 174 //                      echo ', <span class="rankaddress">'.$aAddressLine['rank_address'].'</span>';
 175                         echo '<span class="area">'.($aAddressLine['isarea']=='t'?'Polygon':'Point').'</span>';
 176                         echo ', <span class="distance">~'.(round($aAddressLine['distance']*69,1)).'&nbsp;miles</span>';
 177                         if ($sOSMType) echo ', <span class="osm"><span class="label"></span>'.$sOSMType.' <a href="http://www.openstreetmap.org/browse/'.$sOSMType.'/'.$aAddressLine['osm_id'].'">'.$aAddressLine['osm_id'].'</a></span>';
 178                         echo ', <a href="details.php?place_id='.$aAddressLine['place_id'].'">GOTO</a>';
 179                         echo ')';
 180                         echo '</div>';
 181                 }
 182                 }
 183                 echo '</div>';
 184         }
 185
 186 //      echo '<h2>Other Parts:</h2>';
 187 //      echo '<h2>Linked To:</h2>';
 188 ?>
 189
 190   </body>
 191 </html>