Comment puis-je afficher une carte bing dans une page HTML?

Bing a quelque chose qu'ils appellent "un contrôle AJAX" qui peut dynamiquement intégrer des cartes produites dans n'importe quelle page web. Il y a une démo interactive en ligne pour le contrôle.

Comment puis-je utiliser cette commande?

  • vouliez-vous dire "comment puis-je afficher un bing* carte dans n'importe quelle page html?" ?
  • msdn.microsoft.com/en-us/library/gg427610.aspx
  • oui je le fais. faute de frappe
  • Pour info..... "bing" est un moteur de recherche. "Bing Maps" est ce que votre question est à propos.
InformationsquelleAutor Cheeso | 2011-08-17
  1. 3

    Le lien que vous avez mentionné lui-même a un HTML bouton sur le bas, et vous pouvez cliquer dessus et de saisir le code pour afficher dans une page web. Comme ci-dessous (que j'ai obtenu à partir de votre lien):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title>Map with valid credentials</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=7.0"></script>
      <script type="text/javascript">
      var map = null;

      function getMap()
      {
          map = new Microsoft.Maps.Map(document.getElementById('myMap'), {credentials: 'Your Bing Maps Key'});
      }   
      </script>
   </head>
   <body onload="getMap();">
      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
   </body>
</html>
    InformationsquelleAutor Zubair1
  2. 1

    Avec beaucoup de JavaScript? Regardez sur le http://www.bingmapsportal.com/ site où il y a une ample documentation.

    Il y a aussi beaucoup d'autres façons d'intégrer une carte dynamique dans un site de prendre un coup d'oeil GIS.stackexchange.com's comparaison de JavaScript cartographie des bibliothèques. Si vous avez des questions plus spécifiques, nous serons heureux de vous aider sur au SIG.se.

    InformationsquelleAutor Patrick
  3. 1

    Voir la démonstration.

    Comment puis-je afficher une carte bing dans une page HTML?

    Il y a une classe Javascript bibliothèque disponible à l'

    http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0

    Vous devez l'inclure dans votre page comme ceci: 

      <script type="text/javascript" 
          src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

    Et ensuite appeler à partir de javascript comme ceci: 

    var map = new Microsoft.Maps.Map(document.getElementById('SDKmap'), 
                                 {credentials: 'Your Bing Maps Key'});

    Pour obtenir une clé bing maps, allez à la cette page.

    Vous avez besoin d'un div avec l'id de votre page HTML, et il doit être de taille et de style position:relative: 

    <div id="SDKmap" style="position:relative; height:400px; width:400px">

    Vous pouvez ensuite ajouter des boîtes d'information et d'épingles de cette carte.

    J'ai aussi construit un helper javascript qui permet d'extraire des attributs personnalisés forme de l'élément div, et de générer la carte pour vous, complet avec des punaises et des infoboxes. comme ceci: 

      <div id='map3'
       class='map'
       data-mapdata='center: 42.3 -78.0; zoom:7;pushpin:42.323 -78.80; pushpin:42.93 -77.189; pushpin: 41.13 -78.389'></div>

    Et puis le javascript: 

            bingMap.displayMap("map3");

    La js module contenant la classe d'aide est disponible sur le jsfiddle lien.

    InformationsquelleAutor Cheeso