Estate - Adjust Map Zoom On Half And Full - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Estate - Adjust Map Zoom On Half And Full

PhoenixGB

PhoenixGB

Extension 2 years ago

Estate - Adjust Map Zoom on Half and Full

How can i reduce the zoom (i think it maybe at 16), down to around 8

Using Mapbox

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #92765

Hi

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

0
PhoenixGB
PhoenixGB
Accepted Answer
2 years ago #92772

https://baysiderealestate.ae/index.php

Sites behind a holding html page, hence the index.php

0
PhoenixGB
PhoenixGB
Accepted Answer
2 years ago #92773

I have just 9 properties all within Dubai, would like the zoom ratio to cover JUST Dubai. Thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #92776

Could you please give me a screenshot of it?

0
PhoenixGB
PhoenixGB
Accepted Answer
2 years ago #92781

0
PhoenixGB
PhoenixGB
Accepted Answer
2 years ago #92846

Any ideas?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #92976

I think you can solve it via custom CSS. Could you please give me that specific page link?

0
PhoenixGB
PhoenixGB
Accepted Answer
2 years ago #92989
0
PhoenixGB
PhoenixGB
Accepted Answer
2 years ago #93003

I would think that the zoom would be set in this js file... components\com_spproperty\assets\js\gmap.js

I found this but I don't know js so can't say what parameters need to be chnaged.

var initMap = function (data) { if (mapType == 'google') { map = new google.maps.Map(document.getElementById('spproperty-map'), { center: data.center, zoom: data.zoom, tilt: 45 }); } else { this.osmMap = L.map(this.options.osm_id, { scrollWheelZoom: false }).setView(this.parseLocation(this.options.latlng, 'osm'), this.options.zoom); L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: "Map data &copy; <a href=https://www.openstreetmap.org/'>OpenStreetMap</a> contributors, <a href='https://creativecommons.org/licenses/by-sa/2.0/'>CC-BY-SA</a>, Imagery © <a href='https://www.mapbox.com/'>Mapbox</a>", id: 'mapbox/streets-v11', accessToken: this.options.mapbox_token }).addTo(this.osmMap); }

    As the country is quite small a fixed zoom level would be no issue. Can anyone comment on this? 
0