1

私はこの奇妙な問題に直面しています。すべてのコントロールが適切に表示される場合bing mapでも、私のページには表示されません。 私はよくグーグルで検索しましたが、他のプロジェクトでも同じ機能がうまく機能しています pushpins

ここに画像の説明を入力

dev.virtualearth.net への参照に何か問題があると思われます, または何かが欠けています

これが私のコードです:ASCX(動的に生成されたaspxのコンテンツプレースホルダー内にあります):

<script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2&mkt=de-de">
</script>

<div>
       .
       .
       .
       <div id="bigMapContainer">
                <div id="eventMap">
                </div>
       </div>

</div>

コードビハインド:

string script = @"
            function GetVEMap() {
               map = new VEMap('eventMap');
               map.SetDashboardSize(VEDashboardSize.Small);
               map.LoadMap();
               DisplayEventsOnMap();
            }

   function DisplayEventsOnMap() {
                var eventMapLayer = new VEShapeLayer();
                eventMapLayer.Id = 'eventMapLayer';
                var points = null;
                       .
                       .
                       .
                //Code to get the data for pin display etc
                       .
                       .
               map.AddShapeLayer(eventMapLayer);
               map.SetMapView(eventMapLayer.GetBoundingRectangle());
               map.SetZoomLevel(15);

              });
            }

            $(window).load(function() {
                       GetVEMap();
                      }
            );";

     ScriptManager.RegisterStartupScript(this, typeof(Page), "MapDisplay", script, true);

CSS:

   #bigMapContainer {display: block;}
   #eventMap { position: absolute; width: 550px height: 500px; }

マスター ページにマップに関連しない参照をいくつか追加しましたが、マップの実装と競合する可能性があります (?)

<script type="text/javascript" src="/js/modernizr-2.0.6.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/js/script.js"></script>
<script type="text/javascript" src="/js/superfish.js"></script>
<script type="text/javascript" src="/js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="/js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="/js/client.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>

助けていただければ幸いです。

4

2 に答える 2

1

大規模な調査の後、問題はcssにあることがわかりました。助けてくれてありがとう@rbrunditt

mapcontrol.css内部http://ecn.dev.virtualearth.net/mapcontrol/v6.3/css/bin/6.3.20091207154938.04/de/mapcontrol.cssには、タイルを表示させて.MSVE_Mapいた属性を持つマップコンテナーのクラスがありますposition:absolute画面の外に。

position:relative実際に問題を解決したクラスをオーバーライドしました..

于 2014-09-05T04:20:08.663 に答える