More fix-ups for this plugin. To make it work on phones, you need to do a couple of things:
1) fix the super zoomed in view of your template:
In the template dbtech_membermap_home, find the line that begins:
<meta name="viewport"
and replace it with:
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no" />
Your site's style may not look perfect with this setting, but it will help a lot.
2) Make it so that you can select markers and see the users, find this block of code:
Code:
google.maps.event.addListener(marker, 'mouseover', function()
{ //set popups on hover
if (lastopen != infowindow)
{
if (lastopen) lastopen.close();
infowindow.open(map,marker);
lastopen = infowindow;
}
});
and after it, ADD this block of code
Code:
google.maps.event.addListener(marker, 'click', function()
{ //set popups on click
if (lastopen != infowindow)
{
if (lastopen) lastopen.close();
infowindow.open(map,marker);
lastopen = infowindow;
}
});
Huzzah, it works on mobile!