0

OpenLayersマップに問題があります。タイルを並べることができません。侵入型CSSをすでにチェックしましたが、何も見つかりませんでした。誰かが私にこれを手に入れることができますか？

私の現在のコードはこれです：

<script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
<script>
    $(function() {
        var map = new OpenLayers.Map('map');
        var wms = new OpenLayers.Layer.WMS(
            "OpenLayers WMS",
            "http://maps.opengeo.org/geowebcache/service/wms",
                {'layers':'bluemarble'}
            );
            map.addLayer(wms);
            map.zoomToMaxExtent();
        });
</script>

スクリーンショットを残します：ここに画像の説明を入力してください

4

1 に答える 1

4

Googleで「openlayersbootstrap」を検索した後、解決策を見つけました。OpenLayersトランクで解決されているBootstrapからの侵入型CSSに問題があるようですが、まだ安定していません。

この問題を解決するには、次のCSSルールを追加する必要があります。

#map img {
    max-width: none;
}

（ここで、＃mapはマップ識別子であり、クラスまたはdivなどです）

OpenLayers JSファイルの前にこのルールをロードしようとして機能しなかったため、このCSSがロードされる順序を確認してください。OLによって上書きされました。結局、HTMLファイルに直接配置する必要がありました。

于 2012-12-18T09:46:59.903 に答える