2 Stimmen

Raj Rao avatar

Bing Maps - wie man von einem Link außerhalb der Karte auf eine Stecknadel verweist

Gefragt el 30 de Juni, 2009
Wann wurde die Frage gestellt
9680 Ansichten
Anzahl der Besuche der Frage
2 Antworten
Anzahl der Fragenantworten
Gelöst
Aktueller Status der Frage

Ich habe eine Virtual Earth-Karte (Bing Maps??), zu der ich eine Reihe von Stecknadeln hinzugefügt habe. Jede Stecknadel ist mit 1 bis n beschriftet. Zusätzlich zum Hinzufügen von Stecknadeln zur Karte füge ich auch Text zur Webseite hinzu, der die Beschreibung zu jeder Stecknadel enthält.

Ich möchte einen Link zum Text außerhalb der Karte hinzufügen, der beim Anklicken die Sprechblase öffnet, die mit der entsprechenden Stecknadel verbunden ist.

Wie öffne ich die Sprechblase, die mit einer Stecknadel verbunden ist, über einen Link, der außerhalb der Karte existiert?

Um ein besseres Verständnis zu bekommen, sehen Sie sich meine Karte an: lien . Wenn Sie auf Laden klicken, werden der Karte PushPins hinzugefügt. Ich hätte gerne einen Link aus der Liste auf der rechten Seite der Karte, der den entsprechenden PushPin öffnet.

Vielen Dank im Voraus!

Gefragt el 30 de Juni, 2009 von Raj Rao

Antworten

Zu viele Anzeigen?

3voto

Chris Pietschmann avatar
Chris Pietschmann Punkte 28906

Hier ist ein einfaches Beispiel für das Hinzufügen einiger Shapes zu einer Karte mit Bing Maps und die Anzeige des "Titels" jedes Shapes in einer Liste neben der Karte. Wenn der Benutzer dann mit dem Mauszeiger über jedes Element in der Liste fährt, wird die InfoBox für dieses Shape auf der Karte geöffnet.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
      <style type="text/css">
        #ShapeList div
        {
            padding: 4px;
            border: solid 1px black;
        }
      </style>
      <script type="text/javascript">
      var map = null;

      function GetMap()
      {
         map = new VEMap('myMap');
         map.LoadMap();

         // Add some Shapes to the Map with item in list next to map
         var latlong = map.GetCenter();
         AddShape("Test Pushpin", latlong);
         AddShape("Another Pushpin", new VELatLong(latlong.Latitude + 2, latlong.Longitude));
         AddShape("Still Another Pushpin", new VELatLong(latlong.Latitude - 2, latlong.Longitude));
     }

     function AddShape(title, latlong) {
         // Create Pushpin Shape
         var s = new VEShape(VEShapeType.Pushpin, latlong);
         s.SetTitle(title);

         // Add Shape to Map
         map.AddShape(s);

         // Display Item in List Next to Map
         var elem = document.createElement("div");
         elem.innerHTML = title;
         document.getElementById("ShapeList").appendChild(elem);

         var shapeID = s.GetID();
         elem.attachEvent("onmouseover", function() { ShowInfoBoxByShapeID(shapeID); });
         elem.attachEvent("onmouseout", function() { map.HideInfoBox(); });
     }

     function ShowInfoBoxByShapeID(shapeID) {
         var shape = map.GetShapeByID(shapeID);
         map.ShowInfoBox(shape);
     }

      </script>
   </head>
   <body onload="GetMap();">
      <div id="ShapeList" style="float: left">
      </div>
      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
   </body>
</html>
Beantwortet el 1 de Juli, 2009 von Chris Pietschmann (28906 Punkte )

0voto

user331405 avatar
user331405 Punkte 1

Wie wäre es mit der Anzeige von Informationen in einem Popup mit Silverlight bing maps?

Beantwortet el 3 de Kann, 2010 von user331405 (1 Punkte )

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

Yandex
X