Overring mức bản đồ zoom trong Google Maps cho ExpressionEngine

Question

Tôi đang sử dụng ExpressionEngine 2.5.3 và Google Maps cho ExpressionEngine 3.0.190 (aka 3.1 beta) với đoạn mã sau:

{exp:gmap:init id="map1" class="gmap" scrollwheel="false" style="width:930px;height:500px" clusterStyles="{url: '/assets/images/cluster-icon-blue.png', textColor: '#fff', textSize: '12', height: 52, width: 53, anchor: [0, 0]}" overviewMapControl="true" overviewMapControlOptions="{opened:true}"} 

{exp:channel:entries channel="people" status="open" disable="categories|category_fields|member_data|pagination" limit="1000" dynamic="no" sort="asc"} 
    {cf_people_geo_location id="map1" show_one_window="true" icon="/assets/images/aabc-map-icon-white.png" infobox="true" offsetY="-45" offsetX="15" closeBoxMargin="5px" class="ui-infobox-dark" closeBoxURL="/themes/third_party/gmap/css/images/white-close-button.png" style="width: '250px'" clearanceX="10" show_one_window="true" clustering="true"} 
     <p><a href="/register/{url_title}/" title="View {title}">View {title} &raquo;</a></p> 
    {/cf_people_geo_location} 
{/exp:channel:entries} 

Có thể đặt mức thu phóng mà bản đồ sử dụng khi tải trang? Dường như đặt nó tự động dựa trên các điểm được vẽ, nhưng tôi muốn ghi đè giá trị này và phóng to một vài bậc.

Cảm ơn,

Ste

Answer 1

Sử dụng tham số extend_bounds và đặt nó vào "false"

https://objectivehtml.com/google-maps/documentation/tag/marker#extend_bounds

Hãy thử điều này:

{exp:gmap:init id="map1" class="gmap" scrollwheel="false" style="width:930px;height:500px" clusterStyles="{url: '/assets/images/cluster-icon-blue.png', textColor: '#fff', textSize: '12', height: 52, width: 53, anchor: [0, 0]}" overviewMapControl="true" overviewMapControlOptions="{opened:true}" zoom="10"} 

{exp:channel:entries channel="people" status="open" disable="categories|category_fields|member_data|pagination" limit="1000" dynamic="no" sort="asc"} 
    {cf_people_geo_location id="map1" show_one_window="true" icon="/assets/images/aabc-map-icon-white.png" infobox="true" offsetY="-45" offsetX="15" closeBoxMargin="5px" class="ui-infobox-dark" closeBoxURL="/themes/third_party/gmap/css/images/white-close-button.png" style="width: '250px'" clearanceX="10" show_one_window="true" clustering="true" extend_bounds="false"} 
     <p><a href="/register/{url_title}/" title="View {title}">View {title} &raquo;</a></p> 
    {/cf_people_geo_location} 
{/exp:channel:entries} 

Answer 2

Có một tham số zoom="" cho các thẻ GMap, ngoại trừ đôi khi tôi thấy nó đã không làm việc (hoặc tôi không sử dụng nó một cách chính xác bằng cách nào đó).

Để có được nó thu nhỏ đến mức tôi muốn, tôi tự bổ sung một số thường của Google Maps (không phải là addon) mã gần cuối trang:

<script> 
    map1_map.setZoom(15); 
</script>