Added a "whatpub" button to the svwd01 default map.

Author: Andy Townsend

resources/changelog_svwd01.md

@@ -2,8 +2,9 @@
 See also the [changelog](https://github.com/SomeoneElseOSM/SomeoneElse-vector-web-display/blob/main/changelog.md) for the scripts here.
 Except as noted, all changes also apply to the [SVWD06 Android native display style](https://github.com/SomeoneElseOSM/SomeoneElse-vector-web-display/blob/main/resources/README_svwd06.md).  
 
-## As yet unreleased
+## 23/0302025
 Display `highway=elevator` with names if present.
+Added a "whatpub" button to the `svwd01` default map.
 
 ## 22/03/2025
 Display 4-character National Trail shields as well as shorter ones.

resources/svwd01_index.html

@@ -10,7 +10,7 @@
     <link href='https://unpkg.com/@maplibre/maplibre-gl-inspect@latest/dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>
         body { margin:0; padding:0; }
-        #map { position:absolute; top:40px; bottom:0; width:100%; }
+        #map { position:absolute; top:50px; bottom:0; width:100%; }
 		#refresh { position: absolute; top: 15px; left: 15px; background-color: white; padding: 5px; 
 			border: 1px solid black; font-family: Avenir; cursor: pointer; }
     </style>
@@ -23,6 +23,7 @@
       <button id="button4" onclick="show_mkgmap();" >mkgmap</button>
       <button id="button5" onclick="show_raster();" >raster</button>
       <button id="button5" onclick="show_osm();" >OSM</button>
+      <button id="button5" onclick="show_whatpub();" >Whatpub</button>
     </div>
 <div id='map'></div>
 <!-- <div id='refresh' onclick='reload()'>Reload</div> -->
@@ -51,6 +52,13 @@
     window.open ( 'https://osm.org/#map='+zoom+'/'+lat+'/'+lng,'_self',false )
 }
 
+function show_whatpub()
+{
+    let zoom = map.getZoom() + 1;
+    let {lng, lat} = map.getCenter();
+    window.open ( 'https://whatpub.com/search?q=nearby&t=d&lat='+lat+'&lng='+lng+'&r=10&p=1&features=PubClub&home=1', '_blank' )
+}
+
 /* -------------------------------------------------------------------------
  * A button to display an about screen.
  * ------------------------------------------------------------------------- */