Zoom level on Contact Page

1omegazip

After changing the Zoom level in "System - JA Open Street Map Plugin", the Zoom level on Contact Page - map remains the same. I would like it to be like this:

It stays like this:

Thank you for helping!

1omegazip

Sorry, but this became a little bit more complicated, since I have seen now, that the map appears also in property pages. I don't want the map to appear there. That's why I had the header map deactived by using this CSS code:

.map-container {
    display: none;
}

.leaflet-container {
    display: none;
}

That question now is, wether it is possible to use the map in Contact page without using the maps in property pages and category pages? If yes I would like to solve the zoom problem.
For now I have deactivated the map function by the CSS code again (both codes are at the bottom of template.css), because I have to show the website in the next days.
I hope it didn't get too confused and you can understand what I mean. Thanks for your patience!

1omegazip

I have set all the settings to show the map in hero position on Contact page again (Plugin is activeted, and I have removed the CSS code from temlate.css.
There is even a problem with the Zoom controls in the Gppgle maps module in the footer.
When width is set to 800 to fit in the space Zoom controls are not working, as you can see here (red circle):

When increasing the width, the module sticks out off the template width, and like this the controls are working:

Do you know why this happens? Is there any Script conflict maybe?

saguaros

Hi 1omegazip

By default, the zoom level will inherit the settings of map plugin on your site:

You can generate the code for this map plugin >> Save the plugin, then go to file:
/templates/ja_property/html/com_contact/contact/default.php

Look for this line of code:

<!-- Map -->
<div class="wrap-map">{jaosmap }{/jaosmap}</div>

and replace the default syntax by the code you just generated, for example:

<!-- Map -->
<div class="wrap-map">{jaosmap mode='normal' zoom='6' map_height='640' custom_tile='' }{/jaosmap}</div>

Then clear all cache.

1omegazip

Thank you saguaros !
And how can I use the map on the Contact page but deactivate it in Megafilter pages as asked above?
Or should I start a new discussion for this question?

saguaros

1omegazip Yes, you can create a new discussion for it.

1omegazip

HI saguaros ,
I tried to replace the default syntax by the generated code, but it doesn't work. It changes the map height for example, but not the zoom level. Even in the plugin when I click on the Preview Map link under the Code container it doesn't change the zoom level.
What do I do wrong?

saguaros

1omegazip

You can open this file:

/templates/ja_property/html/com_contact/contact/default.php

Look for this line of code:

<div class="wrap-map">{jaosmap }{/jaosmap}</div>

change it to:

<div class="wrap-map">{jaosmap zoom='3' center='first' }{/jaosmap}</div>

and change the zoom level as you wish.

1omegazip

Thank you very much saguaros !

1omegazip

saguaros , should I start a new discussion for the zoom controls not working in google maps footer module?

saguaros

1omegazip It seems that you embed map into a custom HTML module by script from somewhere, not from our map plugin.

Kindly check it's source for support.

1omegazip

saguaros You are right. I embed the code directly from google maps. I have done this on a lot of websites all with different Joomlart or Gavick templates, and never had a problem with it. I don't think it's a problem with the code in the module , since it works perfectly in different module positions and even in the position where it is now, when I enlarge width as shown in pictures above.

saguaros

1omegazip

I added the custom CSS so you can zoom now, kindly check:

/*Maps in footer*/
.t3-footnav > div.col-lg-2.col-md-2.col-sm-4.hidden-sm.col-xs-6.hidden-xs {
    z-index: 999;
}

1omegazip

Thank you saguaros !