5

我正在使用 ExpressionEngine 2.5.3 和 Google Maps for ExpressionEngine 3.0.190（又名 3.1 beta），代码如下：

{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}

是否可以设置地图在页面加载时使用的缩放级别？它似乎是根据正在绘制的点自动设置它，但我想覆盖这个值并放大几个缺口。

谢谢，

斯特

4

2 回答 2

1

使用 extend_bounds 参数并将其设置为“false”

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

尝试这个：

{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}
于 2012-11-09T17:43:29.970 回答
1

gmap 标签有一个zoom=""参数，但有时我发现它不起作用（或者我没有以某种方式正确使用它）。

为了让它放大到我想要的水平，我在页面末尾手动添加了一些常规的谷歌地图（不是插件）代码：

<script>
  map1_map.setZoom(15);
</script>
于 2012-11-09T14:07:40.503 回答