locked
Bing Maps wird nicht richtig geladen RRS feed

  • Frage

  • Hallo, habe auf meiner Seite einen Kartencontainer (580 x 980 px). Wenn die Karte erzeugt wird, wird auch der gesamte Container mit dem Schwarzen Bing-Maps Raster ausgefüllt. Jedoch die Karte wird nur in der Oberen Ecke ganz minimal angezeigt.

     

    Hat da jemand eine Idee woran das liegt? Ich weiß nicht mehr weiter..

     

    Grüße schecker

    Montag, 3. Januar 2011 10:58

Antworten

  • Hallo schecker,

    Schau dir mal folgenden Code an. Vielleicht kann er Dir weiter helfen und zeige bitte mal Deine .html Datei.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    
    <head>
    
    <title>Test VEMap</title>
    
    <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>
    
    <script type="text/javascript" >
    
    var map = null; 
    
    var layer = null;
    
     
    
    function GetMap() 
    
    {
    
    var xLat = document.getElementById('txtLat');
    
    var xLng = document.getElementById('txtLong');
    
     
    
    map = new VEMap('gkarte'); 
    mapOptions = new VEMapOptions();
    mapOptions.DashboardColor = "black";
    mapOptions.EnableSearchLogo = true;
    
    
    
    map.LoadMap(new VELatLong(xLat.value, xLng.value), 16, VEMapStyle.Hybrid, false,VEMapMode.Mode3D,true,0, mapOptions);
    
     
    
    CreateLayer();
    
    //Pushpin hinzufuegen
    
    shape = new VEShape(VEShapeType.Pushpin, new VELatLong(xLat.value, -(-xLng.value)));
    
    shape.SetTitle('Pushpin'); 
    
    shape.SetDescription('Hier ist der Platz');
    
    shape.SetCustomIcon("<img src='http://krkinnan.members.winisp.net/samples/v5/veshapes/pin3.gif' />"); 
    
    layer.AddShape(shape);
    
    }
    
     
    
    function CreateLayer() 
    
    { 
    
    layer = new VEShapeLayer(); 
    
    map.AddShapeLayer(layer);
    
    }
    
    </script>
    
    </head>
    
    <body onload="GetMap();">
    
    <div id="gkarte" style="position:relative; height: 580px; width: 980px;" />
    
    <div style="display: none;">
    
    <input id="txtLat" name="tLat" type="text" value="51.052297280959365" />
    
    <input id="txtLong" name="tLong" type="text" value="13.807357549667358" />
    
    </div>
    
    </body>
    
    </html>
    

    Grüße,

    Robert

    Montag, 3. Januar 2011 14:49

Alle Antworten

  • Hi,

    Hat da jemand eine Idee woran das liegt? Ich weiß nicht mehr weiter..

    da wäre ein "klein wenig" deines Codes sehr hilfreich.

    Das hier hast Du aber sicher schon komplett durchgearbeitet, oder?

     


    Gruß, Stefan
    Microsoft MVP - Visual Developer ASP/ASP.NET
    http://www.asp-solutions.de/ - Consulting, Development
    http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community
    Montag, 3. Januar 2011 11:03
  • Ja mehr oder weniger, da ich ja Javascript nutze und dieses Forum nicht geht.

     

    if(start_lat && start_lng)
      {
    		abweichung = 2 * 0.000250;
        startpunkt = new VELatLong(start_lat, start_lng-abweichung);
      }
      else
      {
        startpunkt = new VELatLong(51.052297280959365,13.807357549667358);
      }
      
      
      
      
     
      map = new VEMap('gkarte');
      mapOptions = new VEMapOptions();
          mapOptions.DashboardColor = "black";
          mapOptions.EnableSearchLogo = true;
    
          map.LoadMap(
            startpunkt, // center
            startzoom, // zoom level
            VEMapStyle.Hybrid, // map style
            false, // fixed map
            VEMapMode.Mode3D, // map mode
            true, // show map mode switch
            0, // tile buffer
            mapOptions// options
          );
    
    

    Montag, 3. Januar 2011 11:26
  • Hallo schecker,

    Schau dir mal folgenden Code an. Vielleicht kann er Dir weiter helfen und zeige bitte mal Deine .html Datei.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    
    <head>
    
    <title>Test VEMap</title>
    
    <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>
    
    <script type="text/javascript" >
    
    var map = null; 
    
    var layer = null;
    
     
    
    function GetMap() 
    
    {
    
    var xLat = document.getElementById('txtLat');
    
    var xLng = document.getElementById('txtLong');
    
     
    
    map = new VEMap('gkarte'); 
    mapOptions = new VEMapOptions();
    mapOptions.DashboardColor = "black";
    mapOptions.EnableSearchLogo = true;
    
    
    
    map.LoadMap(new VELatLong(xLat.value, xLng.value), 16, VEMapStyle.Hybrid, false,VEMapMode.Mode3D,true,0, mapOptions);
    
     
    
    CreateLayer();
    
    //Pushpin hinzufuegen
    
    shape = new VEShape(VEShapeType.Pushpin, new VELatLong(xLat.value, -(-xLng.value)));
    
    shape.SetTitle('Pushpin'); 
    
    shape.SetDescription('Hier ist der Platz');
    
    shape.SetCustomIcon("<img src='http://krkinnan.members.winisp.net/samples/v5/veshapes/pin3.gif' />"); 
    
    layer.AddShape(shape);
    
    }
    
     
    
    function CreateLayer() 
    
    { 
    
    layer = new VEShapeLayer(); 
    
    map.AddShapeLayer(layer);
    
    }
    
    </script>
    
    </head>
    
    <body onload="GetMap();">
    
    <div id="gkarte" style="position:relative; height: 580px; width: 980px;" />
    
    <div style="display: none;">
    
    <input id="txtLat" name="tLat" type="text" value="51.052297280959365" />
    
    <input id="txtLong" name="tLong" type="text" value="13.807357549667358" />
    
    </div>
    
    </body>
    
    </html>
    

    Grüße,

    Robert

    Montag, 3. Januar 2011 14:49