2012-11-09 11 views
5

私は次のコードでExpressionEngineの3.0.190(別名3.1ベータ版)のためのExpressionEngineの2.5.3とGoogleマップを使用しているため、Googleマップで地図のズームレベルをOverring:はExpressionEngineの

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

ことにそれは可能ですマップがページの読み込みに使用するズームレベルを設定しますか?プロットされている点に基づいて自動的に設定されているようですが、この値をオーバーライドしていくつかのノッチを拡大したいと思います。

おかげで、

サント

答えて

1

extend_boundsパラメータを使用し、それを設定します。

が、それは私が望んでいたレベルにズームするには、私は手動でページの最後に近いいくつかの定期的なGoogleマップ(ないアドオン)のコードを追加しました"偽"

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} 
+0

このジャスティンのおかげで。ページ上に1つのマップと500個のマーカーがあることを考えると、マーカータグ内を見てズームパラメータが機能するようにextend boundsパラメータを追加するとは思わなかった。私はちょうどあなたのコードの組み合わせを試して、今ズームのパラメータが動作します。私はあなたが「センター」パラメータも追加する必要があることに気付きました。そうでなければ、ポイントの中心ではなくワールドの中心に集中します。 – Stephen

1

は(または私は何とかそれを正しく使用していませんでした)私はそれが動作しませんでした時々除き、GMAPタグのzoom=""のパラメータがあります。

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

は、それは動作しませんでしたbecausあなたはおそらくextend_bounds = "false"パラメータを使用していませんでした。あなたのJSは正しいです(私と同じことですが)、デフォルトでは、スクリプトはすべてのマーカーの境界に基づいて事柄のサイズを変更しました。これはすべて非同期的に発生します。したがって、境界が自動的に拡張されるのを防ぐ(extend_bounds = "false")場合、境界メソッドが返される前にzoomメソッドが実行されるため、正しく機能しません。 (混乱しているもの) –

+0

Jasonさんのお返事ありがとうございます、Jason。私がしていたズームパラメータと同じ間違いをしていたように思えます。 – Stephen

関連する問題