[Gelöst] google maps ful screen mode on small screens

[Author]

Artikel

[abdullahA-6]

I am trying to: to make a button that toggles the map and change into a full screen mode on small screen devices, I found on the documentations that I can set the full_screen_control : Optional, defaults to off. Can be on or off . It defines whether the map should offer a control to toggle the full-screen view. Disabled by default as it might not work properly in all cases and is not included in the user interface either.

I did set that to on, it only shown on laptops and the inspect devices-mode on chrome browser but not on my phone, I am trying to make a button that shows the screen in full screen mode, maybe with the use of some jQuery and CSS. what is the good approach to that.

I tried to call the map using the div ID : js-wpv-addon-maps-render-map-4 , but I could not I want to have more control on the map, here are some links on github and google maps documentation website that I want to use

versteckter Link
versteckter Link

thanks

[Beda]

I cannot assist the Customizations mentioned as they are not part of Toolset.
These customizations do not depend on Toolset, but on the API Delivered by Google, which we do not control.

Our Toolset Maps Plugin calls the Map from Google, and allows a few controls.
Further Customization would require Custom Code, that we cannot assist here.

I can always submit a feature Request if there is something you think is helpful for.

Most of the required control thou can be edited directly in the GUI when you insert the Map.
As well the Full screen control is there by default, so there should be no need to add another one.

As well there are controls for map styles, controls and more.

It works great here, I can switch from normal size to full screen and back

Is this not working on your site?
If so, can I have a look?
On the website linked to this ticket I cannot find any map, but eventually you can link me to the right page.

[abdullahA-6]

Hi, Beda,

thank you for the reply and sorry for the misunderstanding, I know the policy here and I am not asking for the help on customized codes, most of them are included in the documentation of the Google Maps official site, what I am trying to do is to reach to the map-canvas object that has been created, I know that each map has a unique Id, for example : map-4, I see that toolset gives each map an Id as : js-wpv-addon-maps-render-map-4, and if I built the map myself as explained in the documentation I will be able to add more features that I find valuable for the visitors, with the queried filtered items from toolset in one map.

for the full screen mode I see in the documentation here in toolset at :
https://toolset.com/documentation/user-guides/maps-shortcodes/
says : full_screen_control. Optional, defaults to off. Can be on or off . It defines whether the map should offer a control to toggle the full-screen view. Disabled by default as it might not work properly in all cases and is not included in the user interface either, although I added it to the code but does not appear in a actual cellphone, but in the Google chrome browser inspect devices mode, it does appear, for a temporary solution I increased the height of the map so it fits most of the screen on a small device. but still can't get that full screen mood. please find images taking from the two.

[Beda]

What I can do is to request more control possibility, we have several similar requests for the maps API.

But right now, it is not easily possible to manipulate the map after it's drawn with the available code.

I can however add the voice to the request to provide a publicly accessible API, so this can be customized.