Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Monday 3:19 am
Add a reply View Replies (1)

Resolved Customizing user list and Google map module

  1. blocdaddy
    blocdaddy
  2. Support
  3. Sunday, October 04 2020, 05:01 PM
I am trying to create a user list/map search page which looks similar to these examples:

https://findall.qodeinteractive.com/listing-location/gracia
http://smartdemowp.com/reveal/half-map-screen
https://bizmap.dexignzone.com/xhtml/listing-grid-map-left-sidebar.html

I have successfully created a new menu item that displays a half-page Easy Profile user list and a half-page Easy Profile Google map module. The map module is synced to the user list menu and everything displays and works together correctly.

I have (a barely) working knowledge of HTML, CSS, PHP and have inserted custom map markers for different user groups, modified the zoom level for the google map, and styled the search form and user list grid so that the page almost looks/functions like the examples. The only things I cannot figure out how to do like the samples above are:

1. Make the map side of the page/container sticky while the user list results scroll.

2. Make map 100% height of the page. For example, when I set the map container and map each to 1200px, the container stretches but the map does not fully fit the container. And there doesn't appear to be a setting for % height, only px.

3. Add a "Load More" button which would load more results on the same page and change the map markers to match the additional results, rather than having to scroll many different pages.

4. I would also like to show only a certain Google Map region when showing all users/map markers. For example, I am located in the US and the default map zoom shows additional countries when viewing just all users in the US. I would like to show only the US region when showing all US users. When I change the zoom, it removes the other countries but zooms too much and you can't see all users. Is this maybe possible through SQL Custom Where?

I know the examples don't use Easy Profile/Joomla, and I know Easy Profile isn't directory software, but I'm hopeful what I'm trying to achieve is possible. Your software is so awesome that I've been able to customize it to do everything else...this would be the last customization necessary. Thanks!!
Responses (1)
admin
admin Accepted Answer
Admin
Hi,
Make the map side of the page/container sticky while the user list results scroll.
I'm sorry, but this is something about of the template. You need a sticky block.

Make map 100% height of the page
Also this is something related to the template, I can give you the CSS code to make the map to fit the height of the container, but the container height normally is not the 100% of the height....have you a public link to allow me to see this page?

Add a "Load More" button which would load more results on the same page and change the map markers to match the additional results, rather than having to scroll many different pages.
Unfortunately this is not possible with a simple way, it requires big changes to the list layout.

I would also like to show only a certain Google Map region when showing all users/map markers. For example, I am located in the US and the default map zoom shows additional countries when viewing just all users in the US. I would like to show only the US region when showing all US users. When I change the zoom, it removes the other countries but zooms too much and you can't see all users. Is this maybe possible through SQL Custom Where?
You can set the module to show only users in a range of specific coordinates with the option called "Filter by coordinates"
  1. more than a month ago
  2. Support
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.