Auto center and auto zoom on markers

  • clever
  • Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 1 month ago #11515 by clever
Auto center and auto zoom on markers was created by clever
Hi,

really like your component and it has so much amazing features. I was looking into a way to display a overview map for locations, but also make it work responsively. If found out, this might be possible:

coderwall.com/p/hojgtq/auto-center-and-auto-zoom-a-google-map

Question is: is there a way to use that in your component?

Thanks.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #11519 by Dima
Replied by Dima on topic Auto center and auto zoom on markers
Hi.
I can add like this code to my extension, because I have all markers coordinates.
But I don't think it's good idea.
1 - you can easy set map center and zoom to show all markers (without this code). I agree with you - you need in this case a little bit more tries. But in any case you can set it easy.
2 - you can also center map by definite marker (by setting its ID in menu property or by plugin parameter)
And the big Cons. If you set dynamic loading placemarks (if you have lots of it on map, use AJAX loading), markers will get partly by data blocks (you set amount of it in map settings), and bounds will change by every data block. In this case your map can change zoom or center with every loading data block. And you can see "shaking" map.

Don't forget support my developments: post review in JED , donate , help with translation ;)
The following user(s) said Thank You: clever

Please Log in or Create an account to join the conversation.

  • clever
  • Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 1 month ago #11520 by clever
Replied by clever on topic Auto center and auto zoom on markers
Thanks for your reply.
I understand your concerns and I have successfully centered and zoomed my map accordingly.
They main goal would have been to have a dynamically resizing / rezooming map for all devices and resolutions.

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #11522 by Dima
Replied by Dima on topic Auto center and auto zoom on markers
You can manage map size
set
width=0 it means width=100%
height=0 it means height=100%
Set CSS class name in map details - you'll get your CSS name for main map div
And use CSS styles and apply any styles.
As for height=100% - read some posts in my forum - for complicated templates you can get empty map div due to collapse divs, but if your template can correct store div size, you can also call plugin in this div.

As for zoom for different resolutions - I can't control.

Don't forget support my developments: post review in JED , donate , help with translation ;)
The following user(s) said Thank You: clever

Please Log in or Create an account to join the conversation.

More
6 years 1 month ago #11523 by Dima
Replied by Dima on topic Auto center and auto zoom on markers
For example, check my demo - full screen map.
It is my simple template with 100% of height and width
joomla.zhuk.cc/index.php/zhgooglemap-mai...-feature-full-screen

Don't forget support my developments: post review in JED , donate , help with translation ;)
The following user(s) said Thank You: clever

Please Log in or Create an account to join the conversation.

  • clever
  • Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 1 month ago #11525 by clever
Replied by clever on topic Auto center and auto zoom on markers
The "problem" is not with the full screen / responsive map. I would like to additionally have a dynamic zooming so I can always see all markers or clusters, no matter what resolution the user has.
Here are two screen shiots / examples:





That is what I'm trying to achieve.
Attachments:

Please Log in or Create an account to join the conversation.

Time to create page: 0.187 seconds

Donate


Go to top