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]