API meetup.com: Search meetups

API-Source: https://secure.meetup.com/meetup_api (Basics: Plugin and meetup.com API)
The magic behind: 1. Twig-template code (store in Templatemanager!):
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#city").on("change keyup", function() {
  var city = jQuery(this).val();
  var clen = city.length;
if (clen>3) {
  jQuery.getJSON("https://maps.googleapis.com/maps/api/geocode/json?address="+encodeURIComponent(city), function(val) {
    if(val.results.length) {
      var location = val.results[0].geometry.location
      jQuery("#lat").val(location.lat)
      jQuery("#lon").val(location.lng)
     var ulr2latlon = "https://www.google.de/maps/place/"+location.lat+","+location.lng
     if (ulr2latlon.length>0) {
        jQuery("a[id='linktest']").html('show location');
        jQuery("a[id='linktest']").prop('href', ulr2latlon);
     }
    }
  })
}
})
});
</script>

<form action="/api-meetup-com-search/">
{% if urlparam.text=="" %}
Hits below are all local meetups, try this: <input type=text name=text value="java">
{% else %}
search for meetups: <input type=text name=text value="{{urlparam.text}}">
{% endif %}
<br>where? default: <a href="/api-meetup-com-search/?lat=48.1250724792&lon=11.5571479797">munich, germany</a> (london is <a href="/api-meetup-com-search/?lat=51.509865&lon=-0.118092">51.509865, -0.118092</a>)<br>
<a href=https://developers.google.com/maps/documentation/geocoding/start target=_blank">city</a>(3 chars min): <input type=text name=city id=city 
value="{{urlparam.city}}"><br>
<a href="" id="linktest" target="_blank"></a><br>
{% if urlparam.lat=="" %}
latitude: <input type=text name=lat id=lat value="48.1250724792">
{% else %}
latitude: <input type=text name=lat id=lat value="{{urlparam.lat}}">
{% endif %}
<br>
{% if urlparam.lat=="" %}
longitude: <input type=text name=lon id=lon value="11.5571479797">
{% else %}
longitude: <input type=text name=lon id=lon value="{{urlparam.lon}}">
{% endif %}

<input type=submit value="do search"></form>
{% if meta.total_count>3 %}
 Display the first 3 out of {{meta.total_count}} hits:
{% elseif  meta.total_count==0 %}
 No meetup found
{% elseif  meta.total_count==1 %}
 Display {{meta.total_count}} hit:
{% else %}
 Display {{meta.total_count}} hits:
{% endif %}
<ul>
{% for event in results %}
{% if loop.index0<3  %}
<li>
<b><a href="{{event.event_url}}" target=_"blank">{{event.name}}</a></b>
<br>
{% set realtime= event.time %}
{%set shortts = realtime |slice(0,10)  %}
{% if shortts|date("H:i")=="00:00" %}
{{shortts|date("d.m.Y") }}
{% else %}
{{shortts|date("d.m.Y, H:i") }} Uhr
{% endif %}
{% if event.venue.city!="" %}
, <a href="https://www.google.de/maps/place/{{event.venue.lat}},{{event.venue.lon}}" target="_blank">{{event.venue.name}}, {{event.venue.address_1}}, {{event.venue.city}}</a>
{% endif %}
{% endif %}
{% endfor %}
</ul>
<hr>
description by meetup.com:
<br>
{{meta.description}}
<hr>
2. WordPress-Shortcode (enable urlparam-option in plugin-setings!):
[jsoncontentimporterpro parser=twig id=5 url=https://api.meetup.com/2/open_events?lat=48.1250724792&lon=11.5571479797&page=20&key=… urlparam=text#lat#lon]